gpt4 book ai didi

javascript - addData() 从最新的 chart.js 2.1.3 中删除 - 怎么了?

转载 作者:行者123 更新时间:2023-11-29 19:13:09 24 4
gpt4 key购买 nike

我一直在阅读文档,有一些方法可以替换数据然后更新图表:

myLineChart.data.datasets[0].data[2] = 50; // Would update the first dataset's value of 'March' to be 50
myLineChart.update(); // Calling update now animates the position of March from 90 to 50.

https://github.com/chartjs/Chart.js/blob/master/docs/07-Advanced.md

但是 addData() 似乎不见了,我是否坚持为本地数据制作自己的 addData 然后更新整个图表?还是我错过了什么。

最佳答案

update() 也处理添加数据。只需将您的新数据/标签推送到您在创建图表时传递的配置对象中,然后调用 update()

例如,

var config = {
type: 'line',
data: {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [{
label: "My First dataset",
data: [65, 0, 80, 81, 56, 85, 40],
fill: false
}]
}
};

var ctx = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(ctx, config);

setTimeout(function(){
config.data.labels.push('Test');
config.data.datasets[0].data.push(3);
myChart.update();
}, 1000);

fiddle - http://jsfiddle.net/zpnx8ppb/

关于javascript - addData() 从最新的 chart.js 2.1.3 中删除 - 怎么了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37298369/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com