Highcharts 中文社区

 找回密码
 立即注册
Highcharts 中文社区 门户 HC 学院 查看内容

获取图表对象的几种方法

2016-11-5 02:04| 发布者: 彭芳| 查看: 1718| 评论: 0

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

1

路过

雷人
1

握手
2

鲜花

鸡蛋

刚表态过的朋友 (4 人)

最新评论

返回顶部