javascript - Highcharts Graph：样条线每秒更新一次需要暂停按钮

Question

我指的是这张图表：http ://www.highcharts.com/demo/dynamic-update

对我们来说，我们需要显示这个图表，同时需要提供一个暂停按钮来暂停图表。任何想法/帮助/建议都会很棒！

Answer 1

如果设置了某些标志（在我的示例中为复选框），只需从更新事件中返回：

setInterval(function() {
    if ($('#pause:checked').length>0) return;
    var x = (new Date()).getTime(), // current time
    y = Math.random();
    series.addPoint([x, y], true, true);
}, 1000);

请注意，该示例使用时间轴来表示一个点，因此暂停不会停止时间，

---

你可能也会喜欢

setInterval(function() {
  var flag=true;
  if ($('#pause:checked').length>0) flag=false;;
  var x = (new Date()).getTime(), // current time
      y = Math.random();
  series.addPoint([x, y], flag, flag);
}, 1000);

demo，这将继续更新图表，但不会滚动到最后一个位置