在Chart.js中使用addData（）方法向折线图添加数据
抱歉，如果这不是正确的提问方式。我没有“声誉50”来评论对同一个问题的回答，礼节上说我不应该用一个问题来“回答”。
我有相同的问题，如使用添加数据到折线图chart.js但解决方案不适合我。我正在运行一个较新版本的Chart.js（1.0.1-beta.4），我已经尝试了旧版本1.0.1-beta.3建议。除了addData（），一切都为我工作。我已经注释了其他有效的方法。
顺便说一句，我不清楚addData（）如何在图表中针对特定的数据集。文档说明：传递到addData的值数组应该是图表中每个数据集的一个值
但是，我只使用一个数据集
下面是我的代码，它尽可能简单地演示了我的问题。
我得到的错误是：未捕获的类型错误：无法读取属性点的未定义
我使用Linux薄荷17和Chrome版本39.0.2171.71 (64位）。
<!doctype html>
<html>
<head>
<title>Line Chart</title>
<script src="/js/Chart.min.js"></script>
<script>
window.onload = function() {
var ctx = document.getElementById("canvas").getContext("2d");
var lineChartData = {
labels : ["1","2","3"],
datasets : [
{
label: "Pulse",
data: [ 50, 60, 70 ],
},
]
};
var myLineChart = new Chart(ctx).Line( lineChartData, {} ) ;
// myLineChart.datasets[0].points[2].value = 100 ; // works
// myLineChart.update(); // works - resizes for y=100
// myLineChart.removeData() ; // works
myLineChart.addData( [4,80], "4"); // doesn't work
}
</script>
</head>
<body>
<div style="width:30%">
<div>
<canvas id="canvas" height="150" width="400"></canvas>
</div>
</div>
</body>
</html>
共有1个答案
好吧，我知道怎么回事了
我误解了如何使用addData（）。我以为提供的数组是一组x，y坐标，但它是一组y坐标，每个数据集1个，下一个“label”参数是“x”标签<我要结束这个<对不起，浪费了大家的时间。
-
我正在尝试使用图表创建多行图表。js 我可以使用固定的数据结构对1行和2行执行此操作，但我无法使用多行来显示传递给数据结构的数据。 下面是从图表中缩写出来的示例用法。js网站 http://www.chartjs.org/docs/#getting-started 现在我的代码， 图表始终显示相同的最后生成的行4次。 我是javascript新手，我确信我在创建对象结构时犯了一些错误，我花了一天的
-
我想在图表中添加一个新数据，但浏览器在调用我的“add”函数时抛出一个错误，上面写着“UncaughtTypeError:undefined不是一个函数”。 图表对象似乎不识别“AddData”函数，但我不知道如何解决它。在文档中显示此函数对我来说无法正常工作。 .addData（valuesArray，label）在图表实例上调用addData（valuesArray，label），传递每个数据
-
使用Chart.js2.0。我正在寻找一种在图表底部添加页脚（一行文本）的方法，以便显示数据源。 我尝试通过option对象来解决它，就像title和legend被包括和修改一样。像这样： 我在文档中几次提到了“footer”，以及样式化它或在“工具提示”上下文中使用它的方法，但还没有看到如何具体添加它。 编辑/更新：我找到了两种方法（但没有完美的解决方案）来在图表中添加页脚，同时尝试解决这个问题
-
问题内容： 我正在使用ChartJs如何在甜甜圈图表中呈现文本。 问题答案： 您必须修改以下代码： 然后在功能上
-
1)如何使用chart.js在折线图的X轴上只显示第一个、中间和最后一个或者只显示第一个和最后一个标签(日期)？ 2） 此外，如果可能，我只想显示特定数量的垂直网格线。 代码： 折线图图像
-
我是D3的新手。js目前正在为我的一个项目开发一个