以不均匀的时间间隔显示图表的最佳方式

Question

所以我拥有的是时间间隔不均匀的数据。因此，我需要以规则的时间间隔显示数据。某些数据点显示正确。但是，当两个时间点之间存在一定差距时，Highchart会在Highchart的数据中给出很大的折线。

也许最好通过示例显示数据。因此，这是您可以在下面看到的虚拟数据集。

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,...]

这里是我尝试过的小提琴。https://jsfiddle.net/abnitchauhan/fr6zykv0/

以上，当您运行脚本时。数据点显示出一些差距。经过一些差距。我认为是由于时间间隔上的间隔。

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

当我使用Highstock图表运行相同的脚本时。工作正常。但速度变慢。这就是为什么我希望它仅在highcharts中运行它

因此，我需要以1秒为间隔显示x轴，以便在ms中的距离较大时删除较大的线条。或删除此big line gap的任何内容。

Answer 1

通过使用Highstock源代码，您可以创建基本图表并打开默认情况下在股票图表中启用的ordinal属性。

xAxis: {
  ordinal: true,
  ...
}

---

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

API参考： https://api.highcharts.com/highstock/xAxis.ordinal