Zolotoy
Posts: 270
Joined: Tue Apr 14, 2020 10:06 am

Multiple charts on the screen

Is it possible to create multiple instances of a chart on the same screen using a single chart component? For example, showing charts in a table with multiple rows.

Thanks
mateuszkornecki
Posts: 1222
Joined: Mon Oct 28, 2019 10:29 am

Re: Multiple charts on the screen

Hello,

Thanks for reaching out to us with your question!

Basing on your previous threads I bet that you are seeking the way to dynamically generate multiple charts using one component made with highcharts-angular. In order to achieve that you could just create a simple component that will take the chart's data as an Input. Then you could use that component and with the usage of the *ngFor directive render it multiple times depending on your data. Take a look at a simple example I prepared for you, is it what you were looking for?

API references:
https://github.com/highcharts/highcharts-angular

Live demo:
https://stackblitz.com/edit/highcharts- ... onent.html

​If you have further inquiries, you may reach out to me at any time.

Best regards.
Mateusz Kornecki
Highcharts Developer
andreyHudso
Posts: 5
Joined: Fri Apr 30, 2021 8:28 am

Re: Multiple charts on the screen

I have used your solution to overcome my problem. But I have a problem. According to your example, it loads all the three charts even when I update only one element on data array. Is it possible to update only one chart with the latest data?
User avatar
sebastian.h
Posts: 1734
Joined: Fri Aug 07, 2020 7:08 am

Re: Multiple charts on the screen

Hi andreyHudso!
Thanks for contacting us with your question.

I will deal with your case in another topic you have opened, concerning a similar matter:

Multiple line charts using one angular component
viewtopic.php?f=9&t=46437

Keep in touch.
Sebastian Hajdus
Highcharts Developer
nivedita
Posts: 4
Joined: Mon Jan 30, 2023 1:24 am

Re: Multiple charts on the screen

Hello,

Is there a way to display all these three chart instances mentioned in above example in a full screen mode together on click of an external button?

Thank you.
michal.f
Posts: 1114
Joined: Thu Aug 12, 2021 12:04 pm

Re: Multiple charts on the screen

Hello and welcome to our forum!

No, the fullscreen mode allows you to display only one graph per fullscreen, you can try to create your own fullscreen logic for a given Angular component with several charts, but this is a custom solution, it is possible that Angular has some libraries for it.

Best regards!
Michał Filipiec
Highcharts Developer
https://blacklabel.pl/highcharts/

Return to “Highcharts Usage”