2. echartsInstance 对象

2. echartsInstance 对象

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

echartsInstance.setOption

设置或修改图表实例的配置项以及数据

多次调用setOption方法

合并新的配置和旧的配置

增量动画

echartsInstance.resize

重新计算和绘制图表 
一般和window对象的resize事件结合使用 
window.onresize = function(){ 
    myChart.resize(); 
}
           

复制

echartsInstance.on echartsInstance.offff

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

1

鼠标事件

常见事件: 'click'、'dblclick'、'mousedown'、'mousemove'、'mouseup'等

事件参数 arg: 和事件相关的数据信息

mCharts.on('click', function (arg) { 
  // console.log(arg) 
  console.log('饼图被点击了')
}) 
解绑事件: 
mCharts.off('click')
           

复制

ECharts 事件

常见事件: legendselectchanged、'datazoom'、'pieselectchanged'、'mapselectchanged' 等

事件参数 arg: 和事件相关的数据信息

mCharts.on('legendselectchanged', function (arg) { 
    console.log(arg) 
    console.log('图例选择发生了改变...') 
})           

复制

echartsInstance.dispatchAction

主动触发某些行为, 使用代码模拟用户的行为

// 触发高亮的行为 
mCharts.dispatchAction({
  type: "highlight",
  seriesIndex: 0,
  dataIndex: 1
}) // 触发显示提示框的行为 
mCharts.dispatchAction({
  type: "showTip",
  seriesIndex: 0,
  dataIndex: 3
})           

复制

echartsInstance.clea

清空当前实例，会移除实例中所有的组件和图表

清空之后可以再次 setOption

echartsInstance.dispose

销毁实例

销毁后实例无法再被使用