Question

我正在尝试使用新数据点更新我的Highstock烛台图表，但是我无法使其工作-我不知道问题出在哪里。一切对我来说看起来不错，但图表未更新。

updatepoint.php将其作为结果

{"time":"1546978140000", "open":"4112.89677", "high":"4112.9", "low":"4112.8", "close":"4112.9"}

执行代码时，图表每分钟更新一次，但是它只是在第一次更新时清除最后一个烛台，仅此而已，在下次更新时没有更改

chart: {
  events: {
    load: function() {
      addPopupEvents(this);
      var series = this.series[0];
      setInterval(function() {
        $.ajax({
          url: 'http://www.chart.blue/chart/Highstock/updatepoint.php',
          dataType: 'json',
          success: function(point) {
            series.addPoint([point.time, point.open, point.high, point.low, point.close], true, true);
          },
        });
      }, 60000);
    }
  }
},

Answer 1

您需要将字符串值转换为数字：

chart: {
    events: {
        load: function() {
            var series = this.series[0];
            setInterval(function() {
                $.ajax({
                    url: 'https://www.chart.blue/chart/Highstock/updatepoint.php',
                    dataType: 'json',
                    success: function(point) {
                        series.addPoint([+point.time, +point.open, +point.high, +point.low, +point.close], true, true);
                    },
                });
            }, 60000);
        }
    }
},

实时演示：https://jsfiddle.net/BlackLabel/suj7zaf2/

如何使用新数据点更新烛台Highstock图表

1 个答案: