2011-12-27 8 views
1

ハイチャートを使用していますので、チャートからツールチップを削除したいと思います。ハイチャートツールチップ

私は、次のコードであることでした:

tooltip: { 
enabled: true, 
} 

私の要件は、私はチャートのトップに表示したいものは何でも、ツールチップで表示されています。 ツールチップのように、表示領域が適切なデータで更新される任意のポイントでマウスを動かすと、

答えて

5

実際、ツールチップの場所と位置は変更できません。しかし、以下に示すように、他の場所のツールチップの内容をシフトすることによって1つがあります。

'container'はチャートを表示し、 'Info'ブロックはツールチップを下の例で表示します。下記のよう

<div id="info"></div> 
<div id="container" style="height: 400px"></div> 

使用フォーマッタ:

chart: { 
     renderTo: 'container' 
    }, 
tooltip: { 
     enabled: true, 
     formatter: function() { 
      $('#info').html('Value <b>'+ this.x + 
       '</b> is <b>'+ this.y +'</b>'); 
      return false; 
     } 
     } 
+0

何マウスの後にツールチップコンテナデータをクリアするでしょうか? –