使繪圖在 highcharts 中可點擊

Question

我在 Highcharts 中工作並在圖表上繪制形狀（圓圈）。 我想讓圓圈可點擊，但遇到了一些問題。 我已經嘗試添加 onclick 事件，但在我看來，圓圈是在圖表的背景上繪制的，並且沒有收到 click 事件。 這是我的小提琴代碼的鏈接。

http://jsfiddle.net/z23sswha/11/

$(function() {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        zoomType: 'x'
    },
     title: {
        text: 'Fruit Count'
    },
    xAxis: {
        type: 'datetime'
    },
    yAxis: {
        title: {
            text: 'Fruits'
        }
    },
    series: [{
        name: 'John',
        data: [[Date.UTC(2014,5,25),5], [Date.UTC(2014,6,22),7], [Date.UTC(2014,7,9),3]]
    }]
});

addCircle(chart);

function click_chart(evt) {
    alert('byby');
}


function addCircle(crt) { // on complete
    var circleradius = 10;

    var xaxis=chart.xAxis[0];
    var yaxis =chart.yAxis[0];
    var xpos=xaxis.toPixels(Date.UTC(2014,5,25));
    var ypos=yaxis.toPixels(2);

// Render the circle
chart.renderer.circle(xpos, ypos, circleradius).attr({
    onclick: function(evt){
        alert('yo');
    },
    fill: 'red'

}).add();
}
});

關於如何讓圈子聽到點擊事件的任何幫助都會很棒！ 謝謝！

Answer 1

嘗試使用on函數將偵聽器附加到您的圈子。

例如（ JSFiddle 演示）：

// Render the circle
chart.renderer.circle(xpos, ypos, circleradius)
.on('click', function() {
    alert('yo');
}).css({
    fill: 'red'
}).add();