【问题标题】:What is this Highstocks UI element, and can it be controlled independently of the tooltip?这个 Highstocks UI 元素是什么,它可以独立于工具提示进行控制吗?
【发布时间】:2018-08-03 21:34:17
【问题描述】:

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

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

...但是 我不确定

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

  1. 红色元素真的被认为是工具提示吗?如果是,您如何配置/控制它,独立于绿色工具提示?

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

编辑

这是图表的屏幕截图:

tooltip: {
  split: true
}

...这是与

相同的图表
tooltip: {
  split: false
}

正如您在第二张照片中看到的,将tooltipsplit 属性设置为false 并不会真正控制该未识别元素,因为它只是移动到不同的元素放置在 UI 中。

【问题讨论】:

    标签: highcharts


    【解决方案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/

    【讨论】:

      【解决方案2】:

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

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

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

      Fiddle

      编辑:

      如果您也在寻找垂直线,那就是xAxis.crosshair - API Doc

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-10-26
        • 1970-01-01
        • 2020-02-20
        • 2019-05-01
        • 1970-01-01
        • 2021-07-04
        • 1970-01-01
        相关资源
        最近更新 更多