Highchart错误＃15，试图绘制单独的垂直线

编程问答 2022-12-06

问题描述

我正在尝试创建一个与绘图线条在视觉上相似的系列。我无法使用绘图线功能，因为我需要工具提示和其他相关功能的支持。

即使在订购数据后，我也会收到错误/警告＃15。问题是由于该错误，x轴的时间序列标签消失了。当仅出现一条垂直线（2个点）时，将显示标签。当我添加下一行（由2个2点组成的2点，由一个空值分隔）时，出现错误，并且x轴标签消失了。

我的主要y轴上有一个kpi样条曲线。这应该是辅助轴。

单行-https://jsfiddle.net/cLs6x85b/

两行-https://jsfiddle.net/xfd6ruv5/ 

Highcharts.chart('container',{
type: 'spline',xAxis: {
            type: 'datetime',},yAxis: [{
            // secondary axis
            name: 'secondary-axis-events',tickPositions: [0,1],}],series: [{
    name: 'test',data: [
      {y: 0,x: 1545361356415},{y: 1,null,{y: 0,x: 1545361356417},x: 1545361356417}
    ],color: '#7fdbed'
}]
},(chart) => {
chart.xAxis[0].setExtremes(1545361356413,1545361356419);
});

nb：我已经尝试了散点图，但结果仍然相同。

我可以忽略该错误/警告。缺少x轴标签就是问题所在。

解决方法

为避免出现错误并正确渲染xAxis标签，您需要保留x数据序列，这意味着分隔符数据应该是将x和y设置为null的对象。

  data: [{
      y: 0,x: 1545361356415
    },{
      y: 1,{
      y: null,x: 1545361356416
    },{
      y: 0,x: 1545361356417
    },x: 1545361356417
    }
  ],

演示：https://jsfiddle.net/BlackLabel/84fqm1Lp/

  1. 您是否考虑过使用Lollipop系列？演示：https://www.highcharts.com/demo/lollipop
  2. 我认为将findNearestPointBy设置为xy对于您的情况可能是一个有趣的功能：https://api.highcharts.com/highcharts/series.line.findNearestPointBy
highcharts