echarts之全局的echarts对象和echartsInstance对象

全局的echarts对象

全局echarts对象是引入echarts.js文件之后就可以使用的

echartsInstance对象

echartsInstance对象是通过echarts.init方法调用之后得到的。

init

初始化echarts对象
使用主题

registerTheme

注册主题（自定义主题）
只有注册过的主题，才能在init方法中使用该主题

registerMap

注册地图数据
$.get('json/map/china.json', function (chinaJson) {
echarts.registerMap('china', chinaJson);
});

geo组件使用地图数据
var option = {
geo: {
type: 'map',
map: 'china',
},
});

connect

一个页面可以有多个独立的图表
每个图表对应一个echarts实例对象
connect 可以实现多图关联，传入联动目标为Echarts实例对象，支持数组。

保存图片的自动拼接
刷新按钮
重置按钮
提示框联动、图例选择、数据范围修改等。

echartsInstance对象

setOption方法

• 设置或修改图表实例的配置项以及数据
• 多次调用setOption方法
  合并新的配置项和旧的配置项
  增量动画

resize方法（图表自适应）

重新计算和绘制图表
一般和window对象的resize事件结合使用
window.onresize = function(){
console.log('window.onresize...')
// 调用echarts实例对象的resize方法
mCharts.resize()
}

on/off方法

• 绑定或者解绑事件处理函数

• 鼠标事件
  常见事件: 'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup' 等
  事件参数 arg: 和事件相关的数据信息

• Echarts事件
  常见事件: legendselectchanged、'datazoom'、'pieselectchanged'、'mapselectchanged' 等
  事件参数 arg: 和事件相关的数据信息

dispatchAction方法