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:800px"></div>

JavaScript

Highcharts.chart('container', {

  "chart": {
    "type": "line",

    backgroundColor: '#FCFFC5',
    plotBackgroundColor: 'white'
  },
  "yAxis": {
    'opposite': true
  },

  "xAxis": [{

    "tickmarkPlacement": "on",
    "labels": {
      "autoRotation": 0,
      //'overflow': 'justify'
    },
    'tickInterval': 2,
    "min": 0,
    "max": 40,

    "categories": ["2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017", "2017"]
  }],
  "series": [{
    "data": [31411, 7566, 2115, 1936, 3623, 4067, 12104, 67813, 2481, 7079, 12509, 6771, 30327, 6719, 1927, 36423, 7259, 12715, 6881, 2544, 5263, 1761, 98818, 50346, 15020, 14133, 6779, 5014, 2399, 7001, 20062, 6676, 3927, 6930, 2529, 28410, 16725]
  }]



});