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

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 图表

How to update candlestick Highstock chart with new data point

highcharts

candlestick-chart