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

摘要: 在图片渲染成功后,往往我们需要获取图表对象来实现一些交互、事件等,这里分享一下获取图表对象的几种方法:1、通过回调函数获取var chart = null; // 定义全局变量 $('#container').highcharts({ series: }] }, f ...


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

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

推荐阅读更多精彩内容