Javascript 在Highcharts中正确显示具有X值的数据

所以我有两个数组值，即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,..]

问题是，我想根据上述数据绘制一个海图，但无法继续使用我的方法

在这里你可以看到我试过的小提琴

我只想绘制上述数据的数据，并在1秒后以X轴标签显示间隔

---

非常感谢您的帮助

您可以使用开始点功能创建此图表，并将点间隔设置为1000，即1秒

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
  }]
});

---

演示：

---

API:

不想使用startPoint功能。我需要使用上面数据中的精确数组值。。即使它是字符串，但这些字符串是相同的-第二个值没有区别-如果要使用此数据，需要更改其第二个值并将其设置为xAxis.categories属性。演示：但数据点和X轴值的长度相同。我们能做些什么来显示所有的数据吗？不。使用startPoint功能或定义每个x值。