我需要在Highcharts中动态追加onload或redraw事件函数,我知道在配置步骤中进行,如：
$('#container').highcharts({
chart: {
events: {
load: function(event) {
function1();
function2();
function3();
},redraw: function(event) {
functionA();
functionB();
functionC();
}
}
},xAxis: {
},series: [{
data: [29.9,71.5]
}]
});
但是我需要在配置图表之后这样做(因为我无法访问配置图表步骤,图表通过包装器来到我的代码中)并且我需要做这样的事情：
//The wrapper simulation
^
|
|
/////////////////////////////////////////
//$('#container').highcharts({ //
// chart: { //
// events: { //
// load: function(event) { //
// function1(); //
// },//
// redraw: function(event) { //
// functionA(); //
// } //< "I dont't have access to this code"
// } //
// },//
// xAxis: { //
// },//
// series: [{ //
// data: [29.9,71.5] //
// }] //
//}); //
/////////////////////////////////////////
//I only have the container id in my hands,I can get the highchart object:
$('#container').highcharts();
//And I need to do something like this:
appendOnLoadEvent(function2);
appendOnLoadEvent(function3);
appendOnRedrawEvent(functionB);
appendOnRedrawEvent(functionC);
这可能吗？
最佳答案
最简单的方法是创建第一个示例中描述的事件,并在这些函数中执行数组中的所有必要事件处理程序.
就像是：
var redrawCallbacks = [];
$(...).highcharts({
chart: {
events: {
redraw: function(event) {
for (var i = 0; i < redrawCallbacks.length; ++i) redrawCallbacks[i].call(this,event);
}
}
}});
查看完整示例：http://jsfiddle.net/5S6hF/2/
UPDATE
假设您使用的是默认的jQuery适配器,您可以稍后使用以下内容定义事件：
$(chart).on('redraw',function(){ alert('new event handler'); });
