Feature request: Add drilldown

[busla]

Would be great to see drilldown as part of this library: https://www.highcharts.com/docs/chart-concepts/drilldown

[whawker]

Interesting, I wasn't even aware this feature existed! I'll look in to it!

[busla]

Thanks!

[adriantoine]

As a workaround it is possible to add the drilldown data to the HighchartsChart component.

For example:

<HighchartsChart
  drilldown={{
    series: [
      {
        name: 'Value name',
        id: 'value-name',
        data: [['Sub Value 1', 10], ['Sub Value 2', 40]],
      },
    ],
  }}
>
  [...]
  <ColumnSeries
    id="col-serie"
    name="Col Serie"
    data={[{ name: 'Value name', y: 50, drilldown: 'value-name' }]}
  />
</HighchartsChart>;

And you also have to import and apply the highcharts drilldown package before using Highcharts:

import Highcharts from 'highcharts';
import applyDrilldown from 'highcharts/modules/drilldown';

applyDrilldown(Highcharts);

It would be great to have a special integration in the library but for now this works fine!

Thanks for the nice library btw!

[bondz]

@adriantoine can you please, please, please provide a complete working example? I'm stuck trying to do this.

[bondz]

Hmm, I seem to have figured it out, thanks though. @whawker brilliant library BTW.

[gperdomor]

the drill down not works for me when the data comes from a Ajax call... only the "sumary" data is rendered. The drill down data seems to be cached with the initial data and not update when the data changes

[bdevika]

can any one give a codepen working example of react-jsx-highcharts with drilldown feature

[lecole]

@whawker Thanks for the workaround in #199 I tried a similar pattern for the Maps drill-down, but was unable to get the map to redraw properly. Is there a possible workaround for the maps drill-down?