使用chart.js将数据添加到折线图 [英] Add data to line chart using chart.js

问题描述

我想在图表中添加新数据，但是浏览器在调用我的添加"函数时抛出一个错误，提示未捕获的TypeError:未定义不是函数".

I would like to add a new data in chart but the browser throws an error that says "Uncaught TypeError: undefined is not a function" when calling to my "Add" function.

似乎图表对象无法识别"AddData"功能，但我不知道如何解决.在文档中显示此功能对我而言无法正常工作.

It seems that the chart object does not recognized the "AddData" function but I don't know how to solve it. In documentation appears this function it doesn't work properly to me.

.addData(valuesArray，label) 在Chart实例上调用addData(valuesArray，label)，以传递每个数据集的值数组以及这些点的标签.

.addData( valuesArray, label ) Calling addData(valuesArray, label) on your Chart instance passing an array of values for each dataset, along with a label for those points.

小提琴样本 http://jsfiddle.net/rferreiraperez/pevy7vsz/5/

var myLineChart = new Chart(ctx).Line(data);

$("#add").on( "click", function() {
    var month = $("#month").val();
    var point = $("#point").val();
    var points = new Array();
    points.push(point);
    console.log("adding...");
    console.log("month:" + month);
    console.log("point:" + point);
    myLineChart.addData(points, month);
});

非常感谢.

推荐答案

我测试了！并发现您使用的Chart.js版本是0.2.0，但没有addData方法.

I tested it! And found that the version of the Chart.js you were used is 0.2.0, but it doesn't has the addData method.

您应该使用最新版本，然后重试，它应该可以工作！

You should use the latest version, and try again, it should work!

http://www.chartjs.org/assets/Chart.min.js

这篇关于使用chart.js将数据添加到折线图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！