我在图表中绘制了两条静态线以指示高和低范围。我可以为该行保留标签,但不能为静态行保留工具提示。有什么办法可以做到吗?

yAxis: {
  plotLines: [{
    value: 70,
    width: 1,
    color: '#68AF46'
    label: {
      style: {
        color: '#FE7246',
        fontWeight: 'bold'
      },
      text: '70',
      align: 'right',
      x: -10,
      y: 16
    },
  },
  {
    value: 180,
    width: 1,
    color: '#FE7246',
    label: {
      text: '180',
      align: 'right',
      style: {
        color: '#FE7246',
        fontWeight: 'bold'
      },
    },
  }]
}


我发现没有属性可以保留绘图线的工具提示。请帮帮我

最佳答案

您还可以添加两个其他虚拟序列并将其隐藏在绘图线下:

series: [{
    data: [1, 50, 100, 200]
}, {
    data: [70, 70, 70, 70],
    showInLegend: false,
    lineWidth: 0.5,
    color: 'transparent',
    marker: {
        radius: 0
    },
    tooltip: {
        pointFormat: 'plotLine1'
    }
}, {
    data: [180, 180, 180, 180],
    showInLegend: false,
    color: 'transparent',
    marker: {
        radius: 0
    },
    tooltip: {
        pointFormat: 'plotLine2'
    }
}]




现场演示:http://jsfiddle.net/BlackLabel/2Ln05yes/

API参考:https://api.highcharts.com/highcharts/series.line.tooltip

关于javascript - y轴上静态绘图线的工具提示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/58501526/

10-11 06:04