highcharts 删除highchart highstock中垂直十字准线的x轴标签

7vux5j2d  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(235)

我有一个包含多个系列的高股价图,每个系列都有它自己的工具提示(共享:假),鼠标悬停后,一个标 checkout 现在x轴上,如何获得它?

{
       xAxis: {
           crosshair: false
        },
        tooltip: {
          useHTML: true,
          shadow: false,
          borderRadius: 0,
          borderColor: "transparent",
          backgroundColor: "transparent",
          borderWidth: 0,
        },
        plotOptions: {
          series: {
            turboThreshold: 0,
          },
          states: {
            hover: {
              enabled: false,
            },
          },
        },
        series: [      {
    type: "line",
    name: series[0].name,
    data: [...],
    color: series[0].color,
    tooltip: {
      pointFormatter() {
        return `<span>tooltip1:xxx</span>`;
      },
    },
  },
  {
    type: "line",
    data: [...],
    name: series[1].name,
    color: series[1].color,
    pointFormatter() {
        return `<span>tooltip1:xxx</span>`;
      },
  }],
      }

在这里我把我的意思和图片的一个例子:js fiddle

的所有数据

9o685dep

9o685dep1#

来自Highcharts API:

split:布尔值从5.0.0开始

将工具提示拆分为每个系列一个标签,标题靠近轴。对于具有多个折线系列的图表,建议使用此选项而不是共享工具提示,这样通常更易于阅读。此选项优先于tooltip.shared。
要去掉标头,请将headerFormat设置为空字符串。

tooltip: {
  headerFormat: ''
}

现场演示:https://jsfiddle.net/BlackLabel/bc467dmo/
API引用:https://api.highcharts.com/highstock/tooltip.headerFormat

相关问题