tenttalent
Posts: 1
Joined: Sun Nov 29, 2015 7:55 am

How to use drilldown charts multi level?

Thank for comment
Izothep
Posts: 1246
Joined: Wed Oct 07, 2015 11:50 am

Re: How to use drilldown charts multi level?

Similar topic:
http://forum.highcharts.com/highcharts- ... es-t34235/

If you want to make drilldown from your drilldown series you can do it the same way that you made normal drilldown. example:
http://jsfiddle.net/izothep/myork5sa/
Grzegorz Blachliński
Highcharts Developer
ganeshtrg
Posts: 10
Joined: Wed Jan 27, 2016 10:10 am

How to use drilldown charts multi level?

I'm new to Highchart, kindly help me to provide the sample for multi level drill down chart which can be go more than 3 level and final level could be a list of data based on the final click.

Say example if the we are look in to the year wise data so, in first level we have to display the chart for year and in the next level we should display with quarterly data and in the next level we should display for month wise data then upon clicking it we should show the list of user/item details as like grid. Kindly help me on this.
Thanks,
Ganesh T.
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: How to use drilldown charts multi level?

Hi,

Multiple drilldown levels are supported, so there should be no problem there.

I do not undestand what do you mean by "a list of data based on the final click" - could you explain?

Example with 3 level drill down: http://jsfiddle.net/jd4tgdj3/

For more examples of drilldown you could use "Try it" links from API: http://api.highcharts.com/highcharts#drilldown

In case anything is not clear, please ask, so we will explain it some more.

Best regards,
Kacper Madej
Kacper Madej
Highcharts Developer
ganeshtrg
Posts: 10
Joined: Wed Jan 27, 2016 10:10 am

Re: How to use drilldown charts multi level?

KacperMadej wrote:Hi,

Multiple drilldown levels are supported, so there should be no problem there.

I do not undestand what do you mean by "a list of data based on the final click" - could you explain?

Example with 3 level drill down: http://jsfiddle.net/jd4tgdj3/

For more examples of drilldown you could use "Try it" links from API: http://api.highcharts.com/highcharts#drilldown

In case anything is not clear, please ask, so we will explain it some more.

Best regards,
Kacper Madej

Thanks for the reply and the sample url. From your sample, final level would be third level correct, so when we click on each bar further we don't have any level, this case we need to show a popup with list of data. Say example if we have chart for Employee benefit usage and after the final level drilldown reached(third level as per your example) we just need to show the list of employees in a list in popup. I hope now you got my point.
Thanks,
Ganesh T.
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: How to use drilldown charts multi level?

For a pop-up you could use Highslide JS and add a point click event for series in 3rd level. I do not have data for the list to be created, but in the example posted below you should be able to see how to create and edit a pop-up.

Example: http://jsfiddle.net/jd4tgdj3/1/

In case of problems or questions, please feel free to ask.

Best regards,
Kacper Madej
Kacper Madej
Highcharts Developer
ganeshtrg
Posts: 10
Joined: Wed Jan 27, 2016 10:10 am

Re: How to use drilldown charts multi level?

KacperMadej wrote:For a pop-up you could use Highslide JS and add a point click event for series in 3rd level. I do not have data for the list to be created, but in the example posted below you should be able to see how to create and edit a pop-up.

Example: http://jsfiddle.net/jd4tgdj3/1/

In case of problems or questions, please feel free to ask.

Best regards,
Kacper Madej

Great, thanks a lot. I will come to you if I got struck in further on this.
Thanks,
Ganesh T.
pcortona
Posts: 10
Joined: Mon Apr 12, 2021 4:46 pm

Re: How to use drilldown charts multi level?

hello everyone, sorry if I enter in this thread.
I want to use a button to change the chart type.
ie: https://jsfiddle.net/pcortona/m7rz6kxj/15/
I see that if I change chart type when drilldown level> 0, the subsequent drilldown / drillup behavior is incorrect.
can you help me?
thank you
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: How to use drilldown charts multi level?

Hi pcortona,
Welcome to our forum and thanks for contacting us with your question!

We will continue and answer your questions in your previous topic:
viewtopic.php?f=9&t=46324

Best regards.
Sebastian Hajdus
Highcharts Developer

Return to “Highcharts Usage”