时间戳

首页 > 解决方案 > 这个 Highstocks UI 元素是什么，它可以独立于工具提示进行控制吗？

highcharts - 这个 Highstocks UI 元素是什么，它可以独立于工具提示进行控制吗？

问题描述

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

高库存示例

与 Highcharts API 不同，Highstocks API 提供（看起来是）两个工具提示而不是一个。

...但我不确定。

我试图控制以红色圈出的元素，但在Highstocks 文档中找不到关于该元素真正含义的任何地方。覆盖/隐藏工具提示似乎消除了绿色和红色元素，对于具有非凡控制/定制水平的 API，我担心这只是我错过了一些更大的点。

  1. 红色元素实际上是否被视为工具提示？如果是，您如何配置/控制它，独立于绿色工具提示？

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

编辑

这是图表的屏幕截图，使用：

tooltip: {
  split: true
}

分裂=真

...这是同一张图表

tooltip: {
  split: false
}

在此处输入图像描述

正如您在第二张照片中看到的那样，将tooltip'split属性设置为false并不能真正控制该未识别元素，因为它只是移动到 UI 中的不同位置。

标签： highcharts

解决方案

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

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

现场示例：http: //jsfiddle.net/0eqmv7sw/

推荐阅读