2

私はこの質問が以前に尋ねられたことを知っており、他の人から提供された多くの回答を多用しましたが、まだ 100% ではありません。

すべての系列線を灰色にし、線の 1 つの mouseOver をその色を「オン」にし、mouseout で灰色に戻します。

ここでは部分的に機能していますが、明らかな問題がいくつかあります。

  1. シリーズ配列の位置をハードコードしました。マウスがどのシリーズにあったかを判断する方法がわかりませんでした。これを行う最良の方法は何ですか？

     plotOptions: {
        series: {
            events: {
                mouseOver: function() {chart.series[0].graph.attr('stroke', '#0000FF');
                    $report.html('Moused over')
                    .css('color', 'green');
                },
                mouseOut: function() {chart.series[0].graph.attr('stroke', '#C0C0C0');
                    $report.html('Moused out')
                    .css('color', 'red');
                }
            }
        }
}

  2. マウスアウトは、カーソルがグラフ領域から出るまでトリガーされません。系列線のマウス イベントをより正確に追跡するにはどうすればよいですか?

私の現在のコードの改善は高く評価されています。

4

2 に答える 2

1

以下を使用できます。

 this.graph.attr('stroke', '#0000FF');

シリーズをハードコーディングする代わりに: http://jsfiddle.net/jlbriggs/f3Wq2/5/

マウスオーバーイベントではなくチェックボックスを使用して、しばらく前に似たようなことがありました。その中に何か役立つものがある場合に備えて: http://jsfiddle.net/jlbriggs/57SR9/21/

于 2013-03-07T18:25:50.400 に答える
0

この例は、マウスアウトの問題の解決策になると思います。

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-mouseover-no-sticky/

このパラメータはあなたが必要とするものかもしれません：

stickyTracking: false,

そしてドキュメントで：

http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut

于 2013-03-08T17:41:16.183 に答える