0

http://jsfiddle.net/jriggs/N6HGK/

複製するには、凡例の左側または右側の領域をクリックしてみてください。

また、highcharts-0 のクリック イベントと body タグを使用してみましたが、svg によってマスクされているようです

ハイチャートコード:

$(function () {
    // create the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            events: {
                click: function(event) {
                    alert ('x: '+ event.xAxis[0].value +', y: '+
                          event.yAxis[0].value);
                }
            }        
        },
        xAxis: {
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});

$('#highcharts-0').click(function() {
alert('outside the box');
});
$(document).click(function() {
alert('body tag');
});
4

4 に答える 4

3

代わりに にバインドしchart.containerます。
次に、関数でイベントを簡単にオーバーライドできます。

var originalEvent = chart.container.onclick;
chart.container.onclick = function(e) {
    // do what you want
    originalEvent(e);
}

デモ

于 2013-03-08T00:17:35.967 に答える
1

Highcharts 1.2.0 以降のクリック関数の定義は次のとおりです。

プロットの背景をクリックすると発生します。this キーワードは、チャート オブジェクト自体を参照します。1 つのパラメータ event が関数に渡されます。これには、Highcharts のベースとして使用されるライブラリに応じて、jQuery または MooTools に基づく一般的なイベント情報が含まれます。

したがって、プロットの背景の外でイベントを取得できます...

参考：http ://api.highcharts.com/highcharts#chart.events.click

不運にも。

ザビエル。

于 2013-03-07T23:44:40.713 に答える
-1

コンテナーにイベント クリックを追加する例を見てみましょう。ただし、ドキュメントの準備ができており、DOM 構造を実行しているチャート内にあります。

$(document).ready(function(){

    $('#highcharts-0').click(function(){
    alert('a');
    });

});

http://jsfiddle.net/N6HGK/9/

于 2013-06-18T14:34:28.043 に答える