Highcharts:如何通过单击多个系列并显示共享true来显示多个工具提示

时间:2015-07-16 20:24:01

标签: highcharts tooltip

当共享工具提示时,我会搜索永久显示工具提示的方法。这些要点非常重要:

  1. 点击该点 - >工具提示被克隆并永久显示
  2. 再次点击同一点,删除克隆
  3. 允许同时显示多个工具提示
  4. 感谢。

1 个答案:

答案 0 :(得分:2)

正如塞巴斯蒂安在评论中指出的那样 - 你可以克隆工具提示。

当工具提示将useHTML设置为false(默认情况下)时,您只需要克隆SVG元素。请参阅类似主题:link

useHTML设置为true时,将创建div元素并将其附加到图表的容器中。您不仅需要克隆SVG帧,还需要克隆HTML的div。另一个问题是仅通过x检查克隆的工具提示,因为工具提示是共享的。

示例:http://jsfiddle.net/7vkZV/14/

当useHTML为true时,HTML将溢出其他SVG元素 - 为避免这种情况,您可以使用工具提示文本设置HTML div样式并在SVG工具提示中删除可见样式。换句话说 - 用纯HTML制作工具提示。

示例:http://jsfiddle.net/7vkZV/15/