问题描述
在我的图表 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: []
},]
});
解决方法
您有未排序的数据: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/
,它工作正常,您必须在数据数组的末尾添加 .sort() 才能解决此问题