Highstocks UI元素是什么,可以独立于工具提示进行控制吗?

时间:2018-08-03 21:34:17

标签: highcharts

下图是Highcharts中Highstocks API示例的标记屏幕截图:

Highstocks Example

与Highcharts API不同,Highstocks API提供了(看来是)两个工具提示,而不是一个。

...但是我不确定

我试图控制用红色圆圈圈出的元素,但找不到Highstocks documentation中该元素 truly 是什么的地方。覆盖/隐藏工具提示似乎消除了绿色和红色元素,对于具有非凡控制/自定义级别的API,我担心这只是我遗漏了更大的要点。

  1. 红色元素实际上是工具提示吗?如果是这样,您如何独立于绿色工具提示配置/控制它?

  2. 如果红色提示不是工具提示...那么它是什么?

编辑

以下是图表的屏幕截图:

tooltip: {
  split: true
}

split = true

...这是同一张图表

tooltip: {
  split: false
}

enter image description here

正如您在第二张照片中看到的那样,将tooltip的{​​{1}}属性设置为split并不能真正控制该未识别元素,因为它只是移动到用户界面中的其他位置。

2 个答案:

答案 0 :(得分:1)

如果打开工具提示的split参数,则它将分为两部分,即点和标题。在文档中,您可以在这里找到两个格式化程序:https://api.highcharts.com/highstock/tooltip.headerFormathttps://api.highcharts.com/highstock/tooltip.pointFormat。 此外,这是格式化“标有红色元素”的示例代码:

tooltip: {
  split: true,
  headerFormat: '<span>It is tooltip header - {point.key}</span>'
}

实时示例:http://jsfiddle.net/0eqmv7sw/

答案 1 :(得分:0)

这是一个工具提示,但具有默认选项split : true-API Doc

使用split : false,您只会看到“默认”工具提示

    tooltip:{
      enabled:true,
      split:false
    },

Fiddle

编辑:

如果您也在寻找垂直线,则为xAxis.crosshair-API Doc