何时高架图完全加载？

Question

我看到了这段代码:http://jsfiddle.net/AVygG/

我很好奇什么时候高潮图被完全加载了？我在highcharts文档中看到了事件:load:应该能够在高亮度图完全加载时调用回调函数.

如果它被完全加载,那么我可以假设当警报弹出时var图表应该已经有了值吗？这是图表已加载的良好基础吗？

我问的原因是我正在研究另一个代码,高清显然没有在IE8中完全加载.看起来highcharts可能在加载其元素时存在竞争条件.

谢谢!

$(function () {
// create the chart
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        events: {
            load: function(event) {
                alert ('Chart loaded');
            }
        }        
    },
    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 1

Highcharts具有回调功能

 var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            events: {
                redraw: function(event) {
                    alert ('Chart loaded');
                }
            }        
        },
        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]     
        }]
    },function(chart){

alert('LOADED');

});

Answer 2

试试这个redraw活动吧.加载后会触发此事件,但也会在添加系列并调整图表大小后触发.

$(function () {
    // create the chart
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            events: {
                redraw: function(event) {
                    alert ('Chart loaded');
                }
            }        
        },
        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]     
        }]
    });
});

来自官方Highcharts参考的重绘事件:http://api.highcharts.com/highcharts#chart.events.redraw

和演示:http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/events-redraw/

Answer 3

在加载回调函数中,您可以使用"this"指针访问图表对象.

        events: {
            load: function(event) {
                alert ('Chart loaded with series :'+ this.series[0].name);
                console.log(this);
            }
        }        

JsFiddle:http://jsfiddle.net/msjaiswal/AVygG/25/