【问题标题】:Charts.js: Load new data set to an existing chartCharts.js:将新数据集加载到现有图表
【发布时间】:2017-05-14 03:24:44
【问题描述】:

单击按钮时,我需要将一组新数据加载到现有图表中,替换现有数据。

我正在尝试使用myChart.data = data2;myChart.update();,但没有任何反应。

这是我的完整代码:http://codepen.io/marcelo2605/pen/zogjvj?editors=0010

【问题讨论】:

  • 如果您在 codepen 示例中将 myChart.data = data2; 更改为 myChart.data.datasets[0].data = [10, 20, 30, 40, 50, 60, 70, 80];,它似乎可以工作。 Charts.js 的文档表明您应该能够更改整个数据对象,因此它并没有真正解释为什么您的代码没有按预期工作。
  • @JeremyE 已修复!谢谢你的提示。我会发布解决方案。
  • 我很高兴有帮助。我仍然有点好奇为什么你没有按预期工作,但至少你有一个很好的工作。

标签: javascript jquery chart.js


【解决方案1】:

找到解决办法:

$('#btn-load').on('click', function(){
    myChart.data.datasets[0] = data2['datasets'][0];
    myChart.data.labels = data2['labels'];
    myChart.update();
});

http://codepen.io/marcelo2605/pen/zogjvj?editors=0010

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-04-26
    • 1970-01-01
    • 2016-03-09
    • 2021-11-08
    • 1970-01-01
    相关资源
    最近更新 更多