2014-09-02 167 views
2

我想在图表中添加新数据,但在调用我的“添加”功能时,浏览器会抛出一个错误,指出“Uncaught TypeError:undefined不是函数”。使用chart.js将数据添加到折线图

看来,图表对象不能识别“AddData”函数,但我不知道如何解决它。在文档中出现这个功能它不适合我。

.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); 
}); 

非常感谢。

回答

3

我测试过了!并发现您使用的Chart.js的版本是0.2.0,但它没有addData方法。

您应该使用最新版本,并再试一次,它应该工作!

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

+0

你说得对! 我只是更新示例,它工作正常。 http://jsfiddle.net/rferreiraperez/pevy7vsz/ – rferreiraperez 2014-09-02 15:24:06

相关问题