8

グラフにクリック イベントがありますが、ズームを使用していてズームをリセットしたい場合は、クリック イベントも発生します。

次のチャート設定があります。

$('#container').highcharts({
        chart: {
            type: 'line',
            marginRight: 130,
            marginBottom: 25,
            zoomType: 'x',
            events: {
                click: function (event) {
                    alert('chart click!');
                }
            }
        }...

実際の例を参照してください: http://jsfiddle.net/2Y3ah/

これはバグのように見えます。または、ズームのリセットボタンがクリックされた場合にクリックイベントをブロックする方法が設計どおりである場合。

4

3 に答える 3

5

汚い方法は、srcElement を見ることです

たとえば、次をテストします(firstChildがnullでないかどうかを確認してください...)

event.srcElement.firstChild.data === "Reset zoom"
于 2013-04-03T14:47:31.903 に答える
1

これが究極の解決策です。次の構成を Chart に設定するだけです。

    $('#container').highcharts({
        chart: {
            resetZoomButton: {
                relativeTo: 'chart'
            }
        }
    });
于 2013-12-06T12:17:35.387 に答える
1

event.target http://jsfiddle.net/2Y3ah/3/によって、ボタンがクリックされたかどうかを認識できます

 if(!($(event.target)[0].textContent))
                        alert('chart click!');

http://api.jquery.com/event.target/

于 2013-04-04T13:12:02.927 に答える