无法更新 Chart.js 2.0.0 alpha3 中的条形图值

Question

我正在尝试使用最新的 Chart.js alpha 绘制实时条形图。我想动态更新值和标签。但是，当我尝试解决一个特定的栏时，例如，数字 3:

$.each(my_chart.datasets, function(i, dataset){
    dataset.data[3].fillColor = fc;
    dataset.data[3].value = v;
});

我收到一个 jQuery 错误，说明我无法获取其中一个参数的长度。

当我尝试像这样访问图表的数据集时：

my_chart.datasets[0].data = new_values_array;

我得到 TypeError: undefined is not an object

在最新的 alpha 中解决这个问题的正确方法是什么？这些示例建议更新整个数组，但我看不出更新整个数组或寻址特定元素之间的区别。也许我错过了什么。谢谢！

Answer 1

你可以逐点更新，像这样

$.each(my_chart.data.datasets, function (i, dataset) {
    dataset.metaData[3].custom = {
        backgroundColor: "green"
    };
    dataset.data[3] = 2.5;
});

my_chart.update();

将 green 替换为 fc，将 2.5 替换为 v

Fiddle - https://jsfiddle.net/6qt14tpj/

无法更新 Chart.js 2.0.0 alpha3 中的条形图值

Can not update bar chart values in Chart.js 2.0.0 alpha3

javascript

jquery

charts

chart.js