Echarts事件·Echarts鼠標操作事件·Echarts組件觸發事件

Echarts鼠標操作事件

主要是使用js中的on綁定事件，例如：

　　charts.on("click",function(params) {

      　　window.alert(params.name + " 通過 " + params.seriesName + " 進入本站的用戶數量為:" + params.data)

        })

　　展示效果：

 

 

以下總結Echarts,20條組件交互事件：

　　 1） legendselectchanged : 切換圖例選中狀態后的事件 (注：圖例組件用戶切換圖例開關會觸發該事件,不管你有沒有選擇，點擊了就觸發)

　　2）legendselected：例組件用legendSelect 圖例選中后的事件，即點擊顯示該圖例時，觸發就生效。

　　3）legendunselected： legendUnSelect 圖例取消選中后的事件。

　　4）datazoom：數據區域縮放后的事件。縮放視覺映射組件。

　　5）datarangeselected：selectDataRange 視覺映射組件中，range 值改變后觸發的事件。

　　6）timelinechanged：timelineChange 時間軸中的時間點改變后的事件。

　　7）timelineplaychanged：timelinePlayChange 時間軸中播放狀態的切換事件。

　　8）restore： restore 重置 option 事件。

　　9）dataviewchanged：工具欄中數據視圖的修改事件。

　　10）magictypechanged：工具欄中動態類型切換的切換事件。

　　11）geoselectchanged：geo 中地圖區域切換選中狀態的事件（用戶點擊選中會觸發該事件。）。

　　12）geoselected：geo 中地圖區域選中后的事件（使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 geoselectchanged））。

　　13）geounselected：geo 中地圖區域取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 geoselectchanged）。

　　14）pieselectchanged：series-pie 中餅圖扇形切換選中狀態的事件，用戶點擊選中會觸發該事件。

　　15）pieselected：series-pie 中餅圖扇形選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 pieselectchanged）。

　　16）pieunselected：series-pie 中餅圖扇形取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 pieselectchanged）。

　　17）mapselectchanged： series-map 中地圖區域切換選中狀態的事件，用戶點擊選中會觸發該事件。

　　18）mapselected：series-map 中地圖區域選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 mapselectchanged）。

　　19）mapunselected：series-map 中地圖區域取消選中后的事件，使用dispatchAction可觸發此事件，用戶點擊不會觸發此事件（用戶點擊事件請使用 mapselectchanged）。

　　20）axisareaselected：平行坐標軸 (Parallel) 范圍選取事件，

當進行坐標軸范圍選取時，可以用如下方式獲取當前高亮的線所對應的 data indices （即 series 的 data 中的序號列表）。