Neeharika_Singh
Posts: 82
Joined: Fri Nov 13, 2020 9:32 am

Master Detail Chart Display Issue

Hi,

I am trying to display two master detail charts (https://www.highcharts.com/demo/dynamic-master-detail) in the same component.

But in the demo, master & detail containers are appended to other div which has id container. If I need other master detail chart I can add other div with id container2 and add master detail container to it. if want another chart, I can add other div with id container3 and so on...!!

But my requirement is the number of charts I might get to display is dynamic and I cannot do it with same id. If I'm trying to use dynamic id it is giving highcharts-13 error. Please help me with this.
Neeharika_Singh
Posts: 82
Joined: Fri Nov 13, 2020 9:32 am

Re: Master Detail Chart Display Issue

Hi Again,

Can you please help me with this. I am stuck on this issue :(

Thanks in Advance ..!
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Master Detail Chart Display Issue

Hello,

Sorry for the late response.

It is possible to recreate the same functionality with a single chart using multiple axes (https://jsfiddle.net/BlackLabel/5du1xp43/)

And you can generate multiply charts dynamically using JavaScript Document.createElement() method. For example, I have prepared a demo that generates several charts in a loop.

Demo: https://jsfiddle.net/BlackLabel/5Lk806en/

Let me know if that was what you were looking for!
Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”