Search code examples
highchartslinechartreact-highchartscolumn-chartdrilldown-highcharts-map

How to create two different chart with drilldown in highchart

Initially I want to show line chart And show column chart after drill down specific point

Expected Result:

Before Drill down enter image description here

After Drill down enter image description here

For Answer check my js field link

https://jsfiddle.net/hx6scbuy/4/

Solution

  • It's quite simple, on the official website of Highcharts you have a practically ready solution, all you need to do is change the type of the main series to linear (type: 'line') and for the drilldown series to column (type: 'column').

    Demo: https://jsfiddle.net/BlackLabel/0pbjkmtd/
    API: https://api.highcharts.com/highcharts/drilldown