Alitza
Posts: 2
Joined: Thu Dec 08, 2022 11:58 am

Drill down on a temporal line chart

Hello,

I am attempting to create a temporal line chart with drilldown.
The issue I am currently facing is that I can't put more than one line series in the drilldown.

This is an example that I've found in a post of 2015 by the developer Grzegorz, which has exactly the same issue that I have:
http://jsfiddle.net/Lyrunco6/1/

If I click in the Asia (blue) line, the drilldown is expected to have four series: Japan, South Korea, China and Thailand, but only the Japan line is showing.
Does anyone know how to make all the lines appear in the drilldown?
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Drill down on a temporal line chart

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

I think, that the behaviour you are trying to achieve is not fully supported directly from API, but you can add some more logic to your click event and use addSeriesAsDrilldown method. You can check it in the demo below.

Demo: http://jsfiddle.net/BlackLabel/Lb91kdcg/
API Reference: https://api.highcharts.com/class-refere ... sDrilldown
Note that addSingleSeriesAsDrilldown method is not documented and I gave you a link to addSeriesAsDrilldown method.

Let me know if you have any further questions.
Regards!
Hubert Kozik
Highcharts Developer
Alitza
Posts: 2
Joined: Thu Dec 08, 2022 11:58 am

Re: Drill down on a temporal line chart

Thank you for the help and quick response.
Keep up the good work!
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Drill down on a temporal line chart

You're welcome! In case of any further questions, feel free to contact us again.
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”