Highcharts Demo

author(s): Torstein Hønsi

by nancynancy

HTML

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


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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },

  plotOptions: {
    column: {
      stacking: 'normal',
      pointPadding: 0,
      groupPadding: 0,
      pointWidth: 20,
      padding: 5,
    }
  },
  series: [{
    data: [5, 3, 4, 7],
    stack: "background",
    color: "#000000"
  }, {
    data: [2, 2, 3, 2],
    stack: "background",
    color: "#000000"
  }, {
    data: [3, 4, 4, 2],
    stack: "background",
    color: "#000000"
  }, {
    data: [5, 3, 4, 7],
    stack: "foreground"
  }, {
    data: [2, 2, 3, 2],
    stack: "foreground"
  }, {
    data: [3, 4, 4, 2],
    stack: "foreground"
  }]
});