Question

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

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

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

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, x: 1545361356415},
      null,
      {y: 0, x: 1545361356417},
      {y: 1, x: 1545361356417}
    ],
    color: '#7fdbed'
}]
}, (chart) => {
chart.xAxis[0].setExtremes(1545361356413, 1545361356419);
});

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

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

Answer 1

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

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

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

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

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

1 个答案: