您的位置:首页 > 其它

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

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

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: