javascript - Amcharts 从外部源(温度)为数据集添加值(value)

Question

我有一个通过 http 连接的温度传感器，我想每 5 秒向 Amcharts 添加一次温度。有人有一些如何向当前数据集添加新值的示例吗？我将使用折线图来表示 y 轴上的温度和 x 轴上的日期时间

谢谢

Answer 1

动态更新图表的总体思路是向图表的 dataProvider 添加新元素，然后调用其 validateData 方法。虽然它不使用 AJAX，this demo基本上已经在 setInterval 调用中调用的函数中为您布置了框架:

setInterval( function() {
  // make your ajax call here, then on a successful callback:
  // add data item to the array
  chart.dataProvider.push( {
    /* new data */
  } );
  chart.validateData();

}, 5000 );

它还会将旧数​​据移出图表，如果您向图表中添加了很多数据点，您可能需要考虑这一点。常规序列图表的性能会在数百到一千点左右后下降。