Highcharts Demo

author(s): Torstein Hønsi

HTML

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

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

// Create the chart
Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  title: {
    text: 'Drilldown label styling'
  },
  xAxis: {
    type: 'category'
  },
 yAxis: {
        lineColor: '#FF0000',
        lineWidth: 1
    },
  legend: {
    enabled: false
  },

  plotOptions: {
    series: {
      borderWidth: 0,
      dataLabels: {
        enabled: true
      }
    }
  },

  series: [{
    name: 'Things',
    colorByPoint: true,
    data: [{
      name: 'Dieren',
      y: 5,
      drilldown: 'animals'
    }, {
      name: 'Fruit',
      y: 2,
      drilldown: 'fruits'
    }, {
      name: 'Auto\'s',
      y: 4
    }]
  }],
 
   
    series: [{
      id: 'animals',
      data: [
        ['Katten', 4],
        ['Honden', 2],
        ['Koeien', 1],
        ['Schapen', 2],
        ['Varkens', 1]
      ]
    }, {
      id: 'fruits',
      data: [
        ['Appels', 4],
        ['Sinaasappels', 2]
      ]
    }]
  }
);