Highcharts Demo

author(s): Torstein Hønsi

by Rajesh Danabal

HTML

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

<div id="container-horizontal"></div>
<div id="container-vertical"></div>

CSS

#container {
  max-width: 800px;
  min-width: 380px;
  margin: 0 auto;
}

JavaScript

var data = [];

for (var i = 0; i <= 100; i++) {

  data.push(['data' + i, i * 100 * Math.random(), i * 1000]);
}


Highcharts.chart('container-vertical', {

  chart: {
    type: 'variwide'
  },

  xAxis: {
    type: 'category',
    labels: {
    	step: 1,
      rotation: -90
    }
  },

  series: [{
    data: data
  }]

});