'how to display multiple highcharts in angular?

I am creating highcharts in angular. i want to display highchart corresponding to a particular image,there are multiple images and for each image i have to display a highchart. the data for images and highcharts are coming from different api's. i added images in a loop and displaying it , but i am not able to display highcharts corresponding to each image.i tried to display but only able to print the last chart ,i don't know how to make my output that can print out all the highchart and how to interpolate that in angular template? i am using this data for highcharts

i want to display like this

Any help would be highly appreciated.Thanks in advance

javascripthtmlangulartypescripthighcharts


Solution 1:[1]

Create objects for particular charts with different configs, more information you will find at our Angular Higcharts wrapper.

chartOptions1 = {
// chart1 options
}

chartOptions2 = {
// chart2 options
}

chartOptions3 = {
// chart3 options
}

https://github.com/highcharts/highcharts-angular#synchronized-charts-angular-demo

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Sebastian Hajdus

Related Questions