Highcharts Demo

author(s): Torstein Hønsi

by kzoon

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.chart('container', {


  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
        inside: true
      }
    }
  },

  series: [{
    type: 'column',
    data: [{
        y: 100
      },
      {
        y: -100
      },
      {
        y: 50,
        dataLabels: {
          verticalAlign: 'bottom',
          inside: false
        }
      },
      {
        y: -50,
        dataLabels: {
          verticalAlign: 'bottom',
          inside: false
        }
      }
    ]
  }]
});