Javascript 使用非均匀时间间隔图表显示数据的最佳方法

Javascript 使用非均匀时间间隔图表显示数据的最佳方法,javascript,highcharts,Javascript,Highcharts,所以我得到的是时间间隔不均匀的数据。因此,我需要以固定的时间间隔显示数据,一些数据点显示正确。但是,当时间点之间存在一定的差距时,海图的数据就会出现很大的线距 也许最好用一个例子来展示数据。下面是您可以看到的虚拟数据集 var countArray = ["2020-01-02 11:15:21.743", "2020-01-02 11:15:21.749", "2020-01-02 11:15:21.753", "2020-01-02 11:15:21.757",....] var num

所以我得到的是时间间隔不均匀的数据。因此,我需要以固定的时间间隔显示数据,一些数据点显示正确。但是,当时间点之间存在一定的差距时,海图的数据就会出现很大的线距

也许最好用一个例子来展示数据。下面是您可以看到的虚拟数据集

var countArray = ["2020-01-02 11:15:21.743", "2020-01-02 11:15:21.749", "2020-01-02 11:15:21.753", "2020-01-02 11:15:21.757",....]

 var numArray = [2,5,3,6,4,6,3,6,3,6,3,7,3,6,3,5,...]
这是我试过的小提琴。

在上面,当您运行脚本时。数据点显示了一些差距。在一些间隙之后。我想这是因为时间间隔的原因

作为。我正在处理大量的数据。我需要消除这些差距

当我使用高库存图表运行相同的脚本时。它很好用。但是速度变慢了。这就是为什么我希望它只在高图表中运行


所以我需要的是,在1秒的间隔内显示x轴,这样当
ms
中的距离很大时,大的线就会出现。或者通过使用Highstock源代码删除此
大线间距

,您可以创建一个基本图表,并打开默认情况下在股票图表中启用的
序号
属性

xAxis: {
  ordinal: true,
  ...
}

现场演示:


<强> API引用:/P>不是一个真正的解决方案,但在将一大组数据推到客户机设置<代码> {序号:Trime} /代码>对大数据集不工作时,您可能会考虑对数据服务器端进行扁平化。仍然显示出同样的差距。嗨@Chempooro,你能提供一些真实的例子吗?我知道了。在我的主文件中,我使用Highcharts CDN而不是Highstock CDN,您的解决方案有效。谢谢你的帮助。有一件事让我困扰,那就是X-axisHi@Chempooro中的时间间隔不一样,是的,你是对的。这与

序数
属性相关。如果你愿意,我可以找另一个解决办法。