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

时间:2014-12-24 07:20:26

标签: javascript chart.js

很抱歉,如果这不是正确的问题。我没有' 声誉50 '评论对同一个问题的回答,礼仪说我不应该 回答'提问。

我遇到与上述问题相同的问题 Add data to line chart using chart.js 但解决方案对我不起作用。 我正在运行更新版本的Chart.js(1.0.1-beta.4),我按照建议尝试了旧版本1.0.1-beta.3。 除了addData()之外,一切都适合我。我已经评论了其他可行的方法。

顺便说一句,我不清楚addData()如何定位图表中的特定数据集。 文件说: 传递给addData的值数组应该是图表中每个数据集的值。
但是,我只使用一个数据集 下面是我的代码尽可能简单地展示我的问题。

我得到的错误是: 未捕获的TypeError:无法读取属性'点'未定义的
我使用的是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>

1 个答案:

答案 0 :(得分:2)

好吧,我弄清楚出了什么问题 我误解了如何使用addData()。 我认为提供的数组是一组x,y坐标,但是它是一组y坐标,每个数据集为1,下一个“标签”参数是'x'标签。
我正在关闭这件事 很抱歉浪费任何时间。