将具有动态参数的函数绑定到Highcharts点

时间:2014-05-10 13:15:56

标签: jquery events binding highcharts

我想将函数绑定到Highcharts中数据点的click事件。单击数据点必须调用一个函数,但该函数的参数是动态的(即绘制了几个图形,并为每个图形重新生成“car”变量)。

如何正确绑定“getCarDate()”以点击事件?这不起作用(汽车只保留最后指定的值而不是每个图的不同值):

                         plotOptions: {
                            series: {
                                cursor: 'pointer',
                                point: {
                                    events: {
                                        click: function (e) {
                                            getCarDate(this.x, car)
                                        }
                                    }
                                },
                                marker: {
                                    lineWidth: 1
                                }
                            }
                        },

1 个答案:

答案 0 :(得分:1)

您可以在这里使用的一个技巧是将值存入Highcharts选项:

$('#container'+i).highcharts({

    myData: car,

    plotOptions: {
        series: {
            cursor: 'pointer',
            point:{                 
                events: {
                    click: function(event) {     
                       alert(this.series.chart.userOptions.myData);
                    }
                }
           }
        }
    },

这是fiddle