0

ストック ツールチップ ポジショナーの例に示されているような固定ツールチップを持つ株価チャートがあります。ここで、シリーズにいくつかのフラグを追加したいと思います。各フラグのツールチップは、ツールチップのデフォルトの配置/形式のように、「マウスオーバー」したときにフラグに隣接する必要があります。また、各フラグのツールチップには独自のテキストがあり、表示されたときに固定ツールチップに影響を与えるべきではありません (たとえば、固定ツールチップには株価が表示され、フラグ ツールチップにはフラグに関連するテキストが表示されます)。

関連するサンプル コードはありますか? どうも!

4

1 に答える 1

0

これは直接サポートされていませんが、達成することは可能です: http://jsfiddle.net/hzYhQ/2/

1) フラグのマウスアウト/マウスオーバー イベントを含むグラフのカスタム プロパティを追加します。

    plotOptions: {
        flags: {
            events: {
                mouseOver: function(){
                    this.chart.flagTooltip = true;
                }, 
                mouseOut: function(){
                    this.chart.flagTooltip = false;

                }
            }
        }
    }

2) そのフラグに従ってツールチップを表示する場所のチェックを追加します。

        positioner: function (w,h,p) {
            var x = 10,
                y = 35;
            if(this.chart.flagTooltip) {
                x = p.plotX;
                y = p.plotY;
            }
            return { x: x, y: y };
        }
于 2013-04-03T11:48:57.670 に答える