我有两个条形图,这些条形图都随着向数据集添加输入时调用的函数而更新。
function updateChartData(chart, dataLabels, dataNumbers) {
chart.data.labels = dataLabels;
chart.data.datasets[0].data = dataNumbers;
chart.update();
}
即使两个图形的标签都已更新,但只有一个正在更新条形图。如果我继续添加最多9个值的输入,此后它将开始更新其上的小节。
我尝试通过删除第二张图表来隔离有问题的图表,但没有解决。我试图为两个图使用相同的数据集,但最终却做了一件奇怪的事情,如果我添加一个输入,则第一个图将滞后于第二个图。例如:
*向数据集添加1个输入-
第一张图什么都不显示,第二张图没有显示输入
*向数据集再添加1个输入-
第一个图表显示1个输入,第二个图表显示2个输入。
所以我实际上找到了解决方案,但在发布此解决方案之前找不到它。问题是我从中获取数据的API给了我带有“,”的数字字符串。巧合的是,我要添加的第9个输入小于1,000,因此它可以将数字(例如999)转换为数字。