Chartjs实时图表,如Windows性能图表

时间:2016-11-03 04:02:30

标签: charts real-time analytics chart.js react-chartjs

我想制作一张实时图表,并希望我的窗口总是固定大小。即我总是想在我的图表中显示5分钟的数据。当我在图表上显示5分钟的数据时,它应该开始删除旧数据并仅显示最新数据,标签也不应该在我的图表x轴上增加。在小提琴上,您可以看到,只要新数据出现,标签的数量就会在x轴上增加。

如何确保图表始终只显示最近5分钟的数据?

        var ctx = document.getElementById("chartData").getContext("2d");
    var LiveChart = new Chart(ctx, {
      type: 'line',
      data: data_live,
      options: live_options
    });

http://jsfiddle.net/uLUAT/597/

0 个答案:

没有答案