Column with negative values

author(s): Torstein Hønsi

by Black Label

HTML

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

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

JavaScript

Highcharts.chart('container', {
  chart: {
    type: 'column',
    width: 1200
  },
  xAxis: {
    categories: ['Apples', 'Oranges', 'Pears', 'Grapes']
  },
  plotOptions: {
    column: {
      dataLabels: {
        enabled: false
      },
      groupPadding:0.35,
      pointWidth: 25
    }
  },
  series: [{
    name: 'John',
    data: [5, 3, 4, 7]
  }, {
    name: 'Jane',
    data: [2, -2, -3, 2]
  }, {
    name: 'Joe',
    data: [3, 4, 4, -2]
  }]
});