highcharts 端点到端点连接答案

【问题标题】：highcharts end point to endpoint connectionhighcharts 端点到端点连接
【发布时间】：2021-05-01 07:52:28
【问题描述】：

在我的图表中，highcharts 连接图表的起点和终点。我不希望这种情况发生。我该如何解决。 js小提琴链接：https://jsfiddle.net/mdng223/h2o57agx/ 我的问题与此类似，但没有得到这里提供的解决方案https://www.highcharts.com/forum/viewtopic.php?t=43018

Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

Highcharts.chart('container', {
  chart: {
    zoomType: 'x'
  },
  tooltip: {
    xDateFormat: '%d/%m/%Y',
    shared: true,
    split: false,
    enabled: true
  },
  title: {
    text: ''
  },
  xAxis: {
    type: 'datetime',
    crosshair: {
      snap: true
    }
  },
  legend: {
    enabled: true
  },
  series: [{
    data: []
 },]
});

【问题讨论】：

它工作正常，您必须在数据数组的末尾添加 .sort() 才能解决此问题

标签： javascript charts highcharts linechart

【解决方案1】：

您有未排序的数据：https://www.highcharts.com/errors/15/

在这里：https://jsfiddle.net/BlackLabel/7rzb6e85/，您可以找出数据数组中哪些元素未排序。

您可以通过以下方式按x 值对数据进行排序：

data.sort((a,b) => a[0] - b[0]);

现场演示： https://jsfiddle.net/BlackLabel/w7x6dtLo/

【讨论】：

【解决方案2】：

它工作正常，你必须在数据数组的末尾添加 .sort() 来解决这个问题

【讨论】：