jquery - 使用 Chart.js 将数据添加到折线图

标签 jquery charts 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.

fiddle 样本 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方法。

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

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

关于jquery - 使用 Chart.js 将数据添加到折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25625131/

相关文章:

angularjs - angular-chart.js,如何更改颜色标签

javascript - 如何在 chartjs 中向图表添加平移?

Jquery查找表中项目的多个条件

jquery - 最初隐藏的 iframe 在刷新之前不会正确加载。我该如何修复?

java - 即使包含所有必需的 jar 后,斐济图表也会遇到异常

android - 如何从 MpAndroidChart 中删除饼图上的多余空格?

javascript - $.ajax() 调用,仅在更新时

php - javascript、php 和 html 上的 slider 动态

r - 在 R 中访问控制图结果?

javascript - 将第二个数据集附加到现有的 Chartjs 图表