在 Chart.js 中使用 addData() 方法将数据添加到折线图

抱歉，如果这不是问这个问题的正确方式。我没有"声誉50"来评论对相同问题的回答，礼仪说我不应该"回答"问题。

我有与中所述相同的问题使用图表将数据添加到折线图.js但是解决方案对我不起作用。我正在运行较新版本的 Chart.js（1.0.1-beta.4），并且我已经按照建议尝试了旧版本的 1.0.1-beta.3。一切都对我有用，除了 addData（）。我已经注释掉了其他有效的方法。

顺便说一句，我不清楚addData（）如何定位图表中的特定数据集。文档说：传递给 addData 的值数组应为图表中每个数据集一个的值数组。但是，我只使用一个数据集.
下面是我的代码，尽可能琐碎地演示我的问题。

我得到的错误是：未捕获的类型错误：无法读取未定义
的属性"点"我使用的是Linux Mint 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>

好的，我想出了什么问题.
我误解了如何使用addData（）。我以为提供的数组是一组 x，y 坐标，但它是一组 y 坐标，每个数据集 1，下一个"标签"参数是"x"标签.
我要关闭这个.
很抱歉浪费任何人的时间。

相关内容

最新更新

热门标签：