交互API（echarts对象和echartsInstance对象）

Posted 2021-10-10 So istes immer

目录

1.全局echarts对象

引入echarts.js文件之后就可以使用

init方法

初始化ECharts实例对象

使用主题 

registerTheme方法

注册主题

只有注册过的主题，才能在init方法中使用该主题

registerMap方法

注册地图数据

$.get('json/map/china.json',function(data){
        echarts.registerMap('china',data);
});

geo组件使用地图数据 

var option = {
    geo: {
        type:'map',
        map:'china',
    }
}

connect方法 

一个页面中可以有多个独立的图表

每一个图表对应一个ECharts实例对象

connect可以实现多图关联，传入联动目标为ECharts实例对象，支持数组

 用途：保存图片的时候能自动拼接多个图表、刷新按钮、重置按钮、提示框联动等等...

var mCharts = echarts.init(document.querySelector('#div1'))
...
var mCharts2 = echarts.init(document.querySelector('#div2'))
...
echarts.connect([mCharts,mCharts2])

2.echartsInstance对象

可通过echarts.init方法调用之后得到