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

ハイチャートのツールチップを変更するハックな方法があります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 に答える