How to load multiple pviot table and charts on same page?


I want to load multiple pivot table and highcharts on same page. all HTML elements created at runtime only. 
pivot table created for all the iteration, but chart created only for last iteration.
for (var i = 0; i < jsonReponse.length; i++) {
//Every iteration html element created here and append to parent element which is in the DOM the added webdatarocks instance

$(“#report_” + i).webdatarocks({
toolbar: true,
height: 490,
report: {
dataSource: {
data: JSON.parse(ReportData)
slice: JSON.parse(slice),
options: JSON.parse(option)
reportcomplete: function () {“reportcomplete”);
type: chartType
}, function (data) {
Highcharts.chart(“dashboard_” + i, data);
}, function (data) {
Highcharts.chart(“dashboard_” + i, data);
please give suggestion.
thanks in advance

1 answer

WebDataRocks Team WebDataRocks April 13, 2020

Hello, Ezhumalai,
Thank you for reaching out to us.
It would be useful for us if you could provide some additional information about an actual problem that prevents you from implementing the described functionality.
We are looking forward to hearing from you.
Kind regards,
WebDataRocks Team