0

場合によっては、Highcharts Javascript チャート作成ライブラリで特定のデータ ポイントのツール ヒントを表示するのが非常に難しい場合があります。たとえば、下のリンクの 50,50 にあるデータ ポイントのツールチップを表示してみてください。表示させるのは非常に難しく、ちらつきが多くなります。誰かがいくつかの回避策について知っていますか?

http://highcharts.com/jsbin/ogixaz/2/edit

最新の Chrome と Firefox で試してみました。

4

2 に答える 2

0

50,50 のツールチップがちらつく理由は、ツールチップがポイント上に描画されているためです。左右のポイントにより、ツールチップを横に描画する余地ができます。真ん中が横に引けないのは、チャートが小さく、ツールリップが大きいからです。

この状況に役立ついくつかのアイデア: 1. ツールチップを小さくします。2. グラフを大きくします (この例では、右側を大きくしてみてください)。3. highcharts tooltip.positioner 関数を使用して、ツールチップを別の場所に配置します。

于 2013-03-06T14:17:51.230 に答える
0

やってみました：

 //...

 plotOptions:{
        series:{
          stickyTracking:true;
        }
}

アップデート：

埋め込まれた例を見て、あなたの意図を正確に理解したと言わざるを得ませんが 、コードを jsFiddle に移動し、shared:true(tooltip オブジェクトで) プロパティを設定すると、正常に動作します。それをチェックしてください... http://jsfiddle.net/yoav_barnea/LFvVy/2/

重要な部分はプロパティshared:trueです:

  tooltip: {
    formatter: function() {
        return '<b style="font-size:18px;font-weight:bold;">Some very long title</b><br/>' + this.x + ":" + this.y + " <br/>and some<br/> extra stuff<br/>line<br/>line";
    },
    useHTML: true,
    shared:true
},

更新 2:

costomcプロパティの取得に関する他の問題 (コメントで言及したこと...) については、その解決策は、フォーマッタ関数内のコードを次のように修正することです。return ... this.points[0].point.c

(繰り返しますが、これは新しい問題であり、ツールチップのちらつきの最初の問題とは関係ありません...)

于 2013-03-06T16:16:24.773 に答える