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 () {
this.webdatarocks.off(“reportcomplete”);
this.webdatarocks.highcharts.getData({
type: chartType
}, function (data) {
Highcharts.chart(“dashboard_” + i, data);
}, function (data) {
Highcharts.chart(“dashboard_” + i, data);
});
}
});
}
please give suggestion.
 
thanks in advance