2017-03-03 7 views
1

最新のハイチャートバージョンに更新したところ、いくつかのチャートタイプにツールチップをそのポイントに接続する新しいラインがあります。ハイチャート - 固定されたツールチップとポイントの接続線を削除する方法

固定ツールチップを使用したチャートでは、主に明らかです。

ツールチップ自体の境界を削除せずにこの行を削除する方法を知っている人はいますか?

私は、ツールヒントの境界線幅を0に設定し、useHTML:trueを使用してツールチップに丸みを帯びた色付きのdivを追加し、影を無効にすることを提案しました。

私は少し厄介なように私はすべてのグラフのためにこれをしたくないが、

これは私が見ることができるバーとツリーのマップにも影響し、ドキュメントを無駄にしてしまいました。

http://jsfiddle.net/mattscotty/bqw4bc4x/1/

Highcharts.chart('container', { 
title: { 
    text: 'Fixed tooltip' 
}, 

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 

    //Uncomment below to remove line, but this also removes tooltip border 
    //borderWidth:0, 
    //shadow:false 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar'] 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4] 
}, { 
    data: [194.1, 95.6, 54.4] 
}] 
}); 

事前に感謝

Connecting Line

答えて

2

デフォルトでは、ツールチップのシェイプは、ポイントを指し示すシェブロン/ラインを持つコールアウトに設定されています。ツールチップの形状をたとえば次のように変更できます。長方形 - コネクタがありません。

tooltip: { 
    positioner: function() { 
     return { x: 80, y: 50 }; 
    }, 
    backgroundColor: 'rgba(255,255,255,0.8)', 
    shape: 'rect' 

例:​​

+0

パーフェクト感謝!今明らかになっているようだ。 –

関連する問題