1

我的问题如下：

我创建了一个带有格式化回调函数的自定义工具提示，并将 useHTML 属性设置为 true。useHTML 的问题在于它不尊重 z-indexing，结果是每当我放大图表时（当实际出现重置缩放按钮时），重置按钮的文本都会被工具提示的文本覆盖。

   tooltip: {
        useHTML: true,
        followPointer: true,
        formatter: function() {
            return '<b>sSsSsSsSsSsSsssssssssssssssssssssS<br/>sdsdsddddddddddddssd</b>';
        }
   }

检查这个小提琴：http: //jsfiddle.net/sahar_rehani/R5Ep4/

尝试放大，然后让工具提示最接近重置缩放按钮:) 请帮忙！！！

4

2 回答 2

2

有一种更改 Highcharts 工具提示的 hacky 方法zIndex：

chart.tooltip.label.attr({zIndex: 300});

试试jsfiddle

于 2014-09-01T14:18:10.777 回答
-1

只需删除 useHTML: true 行，您的问题就解决了！我知道这不是完美的解决方案，但会完成这项工作。当您混合使用 svg 和 html 时，z-index 问题很常见。如果我找到更好的解决方案，我会跟进。你不需要 useHTML: true 来做你正在做的格式化。

        tooltip: {
            followPointer: true,
            formatter: function() {
                return '<b>sSsSsSsSsSsSsssssssssssssssssssssS<br />sdsdsddddddddddddssd</b>';
            }
        },

jsfiddle

于 2014-03-21T22:39:05.897 回答