Highcharts Demo

author(s): Torstein Hønsi

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px; width:300px"></div>

JavaScript

Highcharts.chart('container', {




    "chart": {
      "reflow": false,
      "type": "column",
      "animation": false,
      "borderRadius": 0,
      "backgroundColor": "rgba(255,255,255,1)",
      "plotBorderWidth": 1,
      "plotBorderColor": "rgba(177,177,177,1)",
      "plotBackgroundColor": "rgba(255,255,255,0)",
      "spacingBottom": 10,
      "scAnimateChanges": false
    },
    "drilldown": {},
    "title": {
      "text": "",
      "margin": 0
    },
    "subtitle": {
      "text": "",
      "margin": 0
    },
    "legend": {
      "margin": 10,
      "backgroundColor": "rgba(255,255,255,0)",
      "borderWidth": 1,
      "borderColor": "rgba(177,177,177,1)",
      "squareSymbol": false,
      "symbolRadius": 0,
      "itemStyle": {
        "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
        "fontSize": "11px",
        "fontWeight": "normal",
        "color": "rgba(60,60,60,1)"
      }
    },
    "tooltip": {
      "enabled": true,
      "backgroundColor": "rgba(255,255,255,1)",
      "style": {
        "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
        "fontSize": "11px",
        "color": "rgba(60,60,60,1)",
        "whiteSpace": "normal"
      },
      "backgroundColor": "rgba(255,255,255,1)",
      "hideDelay": 10
    },
    "plotOptions": {
      "column": {
        "animation": false,
        "shadow": false,
        "stickyTracking": false,
        "zIndex": 11,
        "dataLabels": {
          "enabled": true,
          "borderWidth": 0,
          "borderColor": "rgba(0,0,0,1)",
          "align": "left",
          "y": -6,
          "style": {
            "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode'",
            "fontSize": "11px",
            "fontWeight": "normal",
            "color": "rgba(60,60,60,1)",
            "textOutline": false
          },
          "allowOverlap": true,
          "scFormat": {
            "yValue": {
              "enabled": true
            },
            "annotation": {
  ...