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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容