Highcharts获取图表对象的几种方法
2017-12-20 本文已影响10人
简数科技
摘要: 在图片渲染成功后，往往我们需要获取图表对象来实现一些交互、事件等，这里分享一下获取图表对象的几种方法：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是一个数组，数组内容为页面上的所有的图表对象
