我想使用Chart.js折线图来显示“实时”数据。使用vanilla Chart.js,可以通过调用.addData()
和.removeData()
函数来完成。这是一个例子:
http://jsbin.com/yitep/5/edit?html,js,output
如何使用angular-chart.js
完成此“实时数据”效果?如果我更新绑定数据,图表只会更新现有数据(它不会向左滑动以显示新数据)。它与手动更新Chart.js dataset
并在vanilla Chart.js中调用.update()
函数的效果相同,如下所示:
http://jsbin.com/yitep/4/edit?html,js,output
angular-chart.js
的文档似乎只包含更新现有数据点的示例,而不是添加新数据点。