選択時にHighchartsツールチップを無効にすることは可能ですか?私は試した:
...
charts: {
events: {
selection: function(event) {
this.tooltip.enabled = false;
}
}
}
ユーザーがデータにカーソルを合わせるだけで、ツールチップが正常に動作するようにしたいと思います。ありがとう
selection
イベントは、チャートの面積が選択された後にのみ起動されます。チャートコンテナでイベントを使用mousedown
してmouseup
、ツールチップを切り替えることができます。
chart: {
zoomType: 'x',
events: {
load: function() {
var chart = this,
chartContainer = document.getElementById('container');
chartContainer.onmousedown = function(e) {
chart.update({
tooltip: {
enabled: false
}
});
};
chartContainer.onmouseup = function() {
chart.update({
tooltip: {
enabled: true
}
});
};
}
}
}
ライブデモ: https ://jsfiddle.net/BlackLabel/y0fLuk9a/
APIリファレンス: https ://api.highcharts.com/class-reference/Highcharts.Chart#update
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加