Highcharts的onReady活动？

Question

onReadyHighCharts 是否有任何(或类似的)准备事件？

目前,HighCharts只提供addSeries,click,load,redraw,和selection对于图表对象(http://www.highcharts.com/ref/#chart-events).显然load应该是"准备好图表"事件的那个,但事实并非如此.它正在"加载数据时"触发事件

以下是他们的示例load:http://jsfiddle.net/hgbQm/

以下是上述代码的修改版本,显示在触发chart时尚未就绪load:http://jsfiddle.net/QzKky/1/

任何的想法？

或者,我需要做一个延迟的电话,但那将是如此丑陋.谢谢!

Answer 1

确实,延迟通话不是一个很好的方法.该load事件是否工作正常,但目前的图表是由称为this关键字,即

// create the chart
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        events: {
            load: function(event) {
                //When is chart ready?
                console.log(this); //this refers to the loaded chart.
            }
        }        
    },
    xAxis: {
    },

    series: [{
        animation: false,
        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]     
    }]
});

演示

希望这可以帮助 :)

Answer 2

该Highcharts.Chart构造采用的是被称为"当图表对象完成加载和渲染"一个回调参数.图表对象作为参数传递给回调.

$("#the-chart").highcharts(options, function (chart) {
    alert("The chart is ready now");
    console.log("chart", chart);
});

Chart(Object options,Function callback)这是用于创建新图表对象的构造函数.

参数

• options:Object
  图表选项,如左侧菜单中"选项对象"标题下所述.

• callback:Function
  图表对象完成加载和渲染时执行的函数.在大多数情况下,图表是在一个线程中构建的,但是在Internet Explorer版本8中或者在文档准备好之前有时会启动图表,在这些情况下,在调用new Highcharts.Chart()之后,图表对象将不会直接完成.因此,依赖于新构建的Chart对象的代码应始终在回调中运行.定义chart.event.load处理程序是等效的.

返回

• 图表