2

こんにちは友人私は円グラフのマウスホバーとクリックイベントでツールチップを凡例とともに表示し、円グラフのスライスをホバーしたときと同じように表示したいと思います。

これは、円の凡例のクリックを無効にしたデフォルトのグラフです

  http://jsfiddle.net/LQS48/1/

誰でもそれを行う方法を教えてもらえますか

あなたがここに見るように、このようなもの

http://livecoding.io/3433043 ( which is done with custom buttons i want to achive this with highcharts legends

どんな助けでも大歓迎です.. :)

更新 - 以下のフィドルに統合されたスティーブとセバスチャンの助けを借りて私が見つけた解決策

http://jsfiddle.net/8T7Ew/1/

最終更新 - スティーブとセバスチャンの助けを借りて見つけたこのソリューションのバグを修正し、ハイチャートのサポート チームは以下のフィドルに統合され、現在は問題なく動作しています。

まあ、これがハイチャート機能になることを願っていますが、

  Final working Solution for me :: http://jsfiddle.net/8T7Ew/3/
4

2 に答える 2

2

凡例のクリックイベントの場合、次を追加できます。

   this.select();
   chart.tooltip.refresh(this);

legendItemClick関数に。http://jsfiddle.net/8T7Ew/。

マウスオーバーについては、highchartsフォーラムhttp://highslide.com/forum/viewtopic.php?f=9&t=7094でディスカッションがありました。2番目のページはこれを提案しました：http：//jsfiddle.net/hfrntt/ArmRM/11661/

于 2013-03-08T09:37:21.373 に答える
1

凡例にカーソルを合わせたときにツールチップを表示する方法を紹介した例を見てくださいhttp://jsfiddle.net/ArmRM/14892/

$('.highcharts-legend span, .highcharts-legend tspan').each(function(index, element) {
$(element).hover(function() {
    chart.tooltip.refresh(chart.series[0].data[index]);
},function() {
    chart.tooltip.hide();
})

});

于 2013-03-08T10:06:35.340 に答える