Highcharts Demo

author(s): Torstein Hønsi

by kzoon

HTML

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

<div id="container"></div>

CSS

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {


    
      "chart": {
        "reflow": false,
        "type": "column",
        "animation": false,
        "borderRadius": 0,
        "backgroundColor": "rgba(255,255,255,1)",
        "plotBackgroundColor": "rgba(255,255,255,0)",
        "spacingRight": 0,
        "spacingBottom": 10,
        "marginRight": 10,
        "scAnimateChanges": false,
        "scAllowHidingSeries": true,
        "scHandleHideOnServer": false,
        "style": {
          "fontFamily": "Arial, 'Helvetica Neue', 'Helvetica', sans-serif, Arial, Tahoma"
        }
      },
      "drilldown": {},
      "title": {
        "text": "",
        "margin": 0
      },
      "subtitle": {
        "text": "",
        "margin": 0
      },
      "legend": {
        "layout": "horizontal",
        "alignColumns": false,
        "margin": 10,
        "backgroundColor": "rgba(255,255,255,0)",
        "borderWidth": 1,
        "borderColor": "rgba(177,177,177,1)",
        "squareSymbol": false,
        "symbolRadius": 0,
        "itemStyle": {
          "fontFamily": "Arial, 'Helvetica Neue', 'Helvetica', sans-serif, Arial, Tahoma",
          "fontSize": "11px",
          "fontWeight": "normal",
          "color": "rgba(60,60,60,1)"
        }
      },
      "tooltip": {
        "enabled": true,
        "backgroundColor": "rgba(255,255,255,1)",
        "style": {
          "fontFamily": "Arial, 'Helvetica Neue', 'Helvetica', sans-serif, Arial, Tahoma",
          "fontSize": "11px",
          "color": "rgba(60,60,60,1)"
        },
        "useHTML": true,
        "backgroundColor": "rgba(255,255,255,1)",
        "hideDelay": 10,
        "outside": true
      },
      "plotOptions": {
        "column": {
          "turboThreshold": 0,
          "animation": false,
          "shadow": false,
          "stickyTracking": false,
          "zIndex": 11,
          "dataLabels": {
            "enabled": false,
            "borderColor": "rgba(0,0,0,1)",
            "style": {
    ...