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

銷毀執行個體

銷毀後執行個體無法再被使用