Highcharts Range Demo

author(s): Torstein Hønsi

by Ben Clayton

HTML

<script src="//code.highcharts.com/highcharts.js"></script>
<script src="//code.highcharts.com/modules/data.js"></script>

<div id="container">

</div>

JavaScript

$(document).on('ready',function(){


var options = {
  chart: {
    type: 'bar',
    height: 150,
  },
  title: {
    text: '',
    floating: true,
  },
  subtitle: {
    text: '',
  },
  exporting: {},

  plotOptions: {
    series: {
      stacking: 'normal',
      lineWidth: 40,
      dataLabels: {
        enabled: true,
        style: {
          fontWeight: 'bold',
          color: 'white',
        },
      },
    },
  },
  legend: {
    enabled: true,
    reversed: true,
  },
  data: {
    csv: 'Name;FF;IE;Chrome;Safiri\nValue;11;22;44;2',
  },
  yAxis: {
    visible: false,
  },
  xAxis: {
    visible: false,
  },
  pane: {
    background: [],
  },
  responsive: {
    rules: [],
  },
}


Highcharts.chart('container', options);
});