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"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'variwide',
    animation: false
  },

  title: {
    text: ''
  },

  xAxis: {
    type: 'category',
    visible: false
  },

  yAxis: {
    max: 100,
    visible: false
  },

  legend: {
    enabled: false
  },
  tooltip: {
    enabled: false
  },
  credits: {
    enabled: false
  },
  plotOptions: {
    variwide: {
      animation: false,
      stacking: 'normal',
    }
  },
  exporting: {
    enabled: false
  },
  series: [{
    "allowPointSelect": true,
    "color": "#01B8AA",
    "data": [{
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Black Hawk",
      "className": "",
      "value": 604.8199999999999,
      "xAxisLabel": "County",
      "x": 0,
      "y": 435.1223021582733,
      "z": 139
    }, {
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Bremer",
      "className": "",
      "value": 201.78000000000003,
      "xAxisLabel": "County",
      "x": 1,
      "y": 458.5909090909092,
      "z": 44
    }, {
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Benton",
      "className": "",
      "value": 188.11,
      "xAxisLabel": "County",
      "x": 2,
      "y": 1106.529411764706,
      "z": 17
    }, {
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Buchanan",
      "className": "",
      "value": 0,
      "xAxisLabel": "County",
      "x": 3,
      "y": 0,
      "z": 12
    }, {
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Boone",
      "className": "",
      "value": 115.12,
      "xAxisLabel": "County",
      "x": 4,
      "y": 1151.2,
      "z": 10
    }, {
      "allowPointSelect": true,
      "color": "#01B8AA",
      "name": "Sale (Dollars) - Appanoose",
      "className": "",
      "value": 0,
      "xAxisLabel": "County",
      "x": 5,
      "y": 0,
      "z": 2
    }],
    "name":...