我查阅了ZingChart的文档,了解了渲染多个图表的方法,像这样调用多个渲染函数。
zingchart.render({
id:'chartDiv1',
data:myChart1,
height:300,
width:500
});
zingchart.render({
id:'chartDiv2',
data:myChart2,
height:300,
width:500
});
zingchart.render({
id:'chartDiv3',
data:myChart3,
height:300,
width:500
});
zingchart.render({
id:'dashboardDiv',
data:myDashboard,
height:500,
width:700
});
但在我的代码中,我想编写更少的代码,这对我来说应该更有效,因为它也是我老板的指示。
所以我的问题是我可以通过仅调用一个渲染函数来渲染多个图表吗? 像这样的东西:
zingchart.render({
id:{'chartDiv1','chartDiv2','chartDiv3','chartDiv4'},
data:{myChart1,myChart2,myChart3,myChart4},
height:300,
width:500
});
提前致谢。
最佳答案
坦白说,我是 ZingChart 团队的一员。
我们目前不支持上面的示例代码,但您可以通过多种方式使用 javascript 实现这一点。
function renderZingCharts(_id,_data) {
zingchart.render({
id: _id,
data: _data,
height:300,
width:500
});
}
renderZingCharts('chartDiv1', myChart1);
renderZingCharts('chartDiv2', myChart2);
renderZingCharts('chartDiv3', myChart3);
renderZingCharts('chartDiv4', myChart4);
如果你想保留数组内容,你也可以遍历。
function renderZingCharts(aIds, aData) {
// do some sanity checks for length of two arrays here ???
for (var i=0; i < aIds.length; i++) {
zingchart.render({
id: aIds[i],
data: aData[i],
height:300,
width:500
});
}
}
var ids = ['chartDiv1', 'chartDiv2', 'chartDiv3', 'chartDiv4'];
var configs = [myChart1, myChart2, myChart3, myChart4];
renderZingCharts(ids,configs);
关于javascript - 我可以在 ZingChart 中通过单个 renderfunction 调用来渲染多个图表吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39786277/