在 Highcharts 中正確顯示具有 Xvalues 的數據

Question

所以我有兩個數組值，即 X 軸和 Y 軸，如下所示：

//For X-axis
var countArray = ["2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30", "2018-12-30 14:12:30" ...] 

//For Y-axis
var numArray = [1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,5,4,5,4,5,,3,5,3,4,4,5,3,5,3,34,5,4,4,5,34,5,3,5,3,3,4,5,2,5,12,5,3,2,5,2,3,4,5,2,3,5,2,3,3,3,32,34,2,1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,..]

問題是我想根據上述數據繪制一個 Highchart，但無法繼續我的方法。

在這里你可以看到我試過的小提琴。

https://jsfiddle.net/abnitchauhan/urxnpb9L/

我只想繪制上述數據的數據並在 X 軸標簽中顯示 1 秒的間隔。

任何幫助真的很感激

Answer 1

您可以使用startPoint功能創建此圖表，並將pointInterval 設置為 1000，即等於一秒。

var numArray = [1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4,5,4,5,4,5,3,5,3,4,4,5,3,5,3,34,5,4,4,5,34,5,3,5,3,3,4,5,2,5,12,5,3,2,5,2,3,4,5,2,3,5,2,3,3,3,32,34,2,1,4,5,3,5,4,5,4,5,4,5,3,5,3,5,4,5,6,4];


var chart = Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },

  plotOptions: {
    series: {
      pointStart: Date.UTC(2018, 11, 30, 14, 12, 30),
      pointInterval: 1000 // one second = 1000 miliseconds
    }
  },

  series: [{
    data: numArray
  }]
});

---

演示： https : //jsfiddle.net/BlackLabel/y5Lu4hnm/

API： https : //api.highcharts.com/highcharts/series.line.pointStart