highcharts 获取图表对象的几种方法



在图片渲染成功后，往往我们需要获取图表对象来实现一些交互、事件等，这里分享一下获取图表对象的几种方法：

1、通过回调函数获取

var chart = null;             // 定义全局变量

$('#container').highcharts({

    series: [{
        name: 'a',
        data: [1, 2, 3, 4]
    }]

}, function(c){              // 回调函数，传递图表对象
    chart = c;
});

2、通过 new Highcharts.Chart()

var chart2 = new Highcharts.Chart({
    chart: {
        renderTo: 'container2'
    },
    series: [{
        name: 'a',
        data: [1, 2, 3, 4]
    }]
});
console.log(chart2);

API 文档说明：http://api.hcharts.cn/highcharts#Highcharts

3、通过 Highcharts.charts 来获取

console.log(Highcharts.charts);

Highcharts.charts是一个数组，数组内容为页面上的所有的图表对象

API文档说明：http://api.hcharts.cn/highcharts#Highcharts.charts

上述所有代码见： http://code.hcharts.cn/hcharts.cn/hhhG0a