[Solved] Drilldown in Area Charts

by


Drilldown for an area charts can be done like this:

Set the drilldown for each point, and enable trackByArea (we enable this so that we can click in the middle of a series, and still be drilled down):

series: [{
  name: 'Series 1',
  trackByArea: true,
  data: [{y: 1, drilldown: 'drilldownseries'}, 
         {y: 2, drilldown: 'drilldownseries'},
         ...
        ]
  }]

Then add the drilldown series:

drilldown: {
  series: [{
    name: 'Driller series',
    data: [1, 2, 3, ...],
    id: 'drilldownseries'
  }]
}

Be sure to include drilldown.js, without that module, drilldowns do not work in highcharts.

Working JSFiddle example: http://jsfiddle.net/ewolden/uaLmg51k/

solved Drilldown in Area Charts