1. 程式人生 > >echarts各種事件

echarts各種事件

圖例互動事件:

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 中的序號列表)。

使用方法:

chart.on('timelinechanged', function (obj) {
//do some thing
//這裡通過obj獲取資訊,設定option之後,重新載入圖表
	chart.setOption(option);
}); 


相關推薦

echarts各種事件

圖例互動事件: 1) legendselectchanged : 切換圖例選中狀態後的事件 (注:圖例元件使用者切換圖例開關會觸發該事件,不管你有沒有選擇,點選了就觸發) 2)legendselected:例元件用legendSelect 圖例選中後的事件,即點選顯示

echarts各種字體顏色修改

orien ica tex eat lin 海水 條形圖 查詢 saveas 這篇文章主要講述Echarts設置字體和線條的顏色相關操作筆記,希望文章對你有所幫助,主要是自己的在線筆記吧。我在前面先放各種修改前後圖片顏色的對照,後面再詳細介紹代碼。這樣更方便閱讀及讀者知道,

ECharts 報表事件聯動系列三:柱狀圖,餅狀圖實現聯動

餅狀圖 img and int js函數 radius func get 執行 源碼如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type

Butterknife與各種事件

Butterknife的各種事件,我們一般關心的是,輸入引數,回撥的藉口,先羅列幾個看看: 點選事件 引數可選 @OnClick(R.id.submit) public void submit(View view) { // TODO ... }

JavaScript 各種事件、方法、引數詳解示例及常見問題等(全)

1.文字框焦點問題 onBlur:當失去輸入焦點後產生該事件 onFocus:當輸入獲得焦點後,產生該檔案 Onchange:當文字值改變時,產生該事件 Onselect:當文字加亮後,產生該檔案 <input type="text" value="郭強"

在GridView中新增按鈕後,如何觸發按鈕的各種事件

//在GridView中新增按鈕後,如何觸發按鈕的各種事件? 1.在GridView的“編輯列”屬性視窗中,增加新的Botton列。 2.然後再該視窗右邊屬性中,將外觀項下的ButtonType設定一下,設定項有:如:Link、Button、Image。 3.屬性設定完成後

js 各種事件 如:點選事件、失去焦點、鍵盤事件

事件驅動:         我們點選按鈕 按鈕去掉用相應的方法。                  demo:              <input type="button" value="點選" onclick="func()">             

HTML5中的各種事件

標準事件屬性 HTML 4 增加了通過事件觸發瀏覽器中行為的能力,比如當用戶點選某個元素時啟動一段 JavaScript, HTML 5繼承了HTML 4的一些元素事件,然而也新增和摒棄了一些事件, HTML 5事件可以分為以下幾種型別: 表單事件鍵盤事件滑鼠事件媒介事件

WPF InkCanvas EditingMode為Select時 在其選擇時各種事件中撤銷Select模式的方法

internal span zed clas system system.in 處理方式 select 圖片 InkCanvas有多種輸入模式。 通過InkCanvasEditingMode來進行對其調整 分別是 None=0// 忽略鼠標和手寫筆輸入

Echarts 柱形圖的單擊事件中寫入自定義的參數

cnblogs img ges == innerhtml .com echart 通過 code

監聽Echarts 裏的地圖縮放事件

echarts 監聽地圖縮放事件 // 獲取百度地圖實例,使用百度地圖自帶的控件 var bmap = myChart.getModel().getComponent(‘bmap‘).getBMap(); bmap.setMapStyle({style:‘normal‘}); bmap

angular先加載頁面在執行事件,使用echarts渲染頁面

clas pre on() cti == https str log ret 劇情重現: 在一個頁面中有多個小模塊,這幾個模塊是可以拖動調順序的,並且其中有兩個模塊使用了echarts渲染, 調整順序angular插件有成熟的解決方案angular-sortable,htt

通過JS控制各種元素的點擊事件事件間隔

led pan func color write spa 點擊事件 通過 cli <script type="text/javascript"> document.write(sumdemo(1, 2)); var btn = document.get

echarts 取消圖例上的點擊事件和圖表上鼠標滑過點擊事件

tooltip 營銷 har div 視頻廣告 align 搜索 搜索引擎 bsp 備註:標黃的代碼是起作用的代碼,其他的不需要借鑒!!! //取消 鼠標滑過的提示框 tooltip : { trigger: ‘item‘, show:fals

[轉] JavaScript控制瀏覽器全屏及各種瀏覽器全屏模式的方法、屬性和事件

script ati 保持 num adding html5 美國 bre art [From] http://www.jb51.net/article/76695.htm HTML 5中的full screen,目前可以在除IE和opera外的瀏覽器中使用 ,有的時候

ECharts 在同一個頁面添加多個圖表 並 給圖表綁定事件

document syntax word average 添加多個 -- adding ado conf ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

如何自定義echarts 線性圖的選擇事件

其他 prop 改變 first ger key gpo urn alt 最近在做公司的數據大盤,要用到圖表顯示,echarts研二的時候有用過,我就決定用它了。 這裏用到一個可以同時顯示多條曲線的line-charts,基本樣子如下:

echarts使用記錄(二)翻頁,事件

bsp 均可 官方文檔 sel ima dsc n) amp 但是 1、有時候legend比較多的時候,需要做翻頁比較好,有個屬性legend的type屬性設置為scroll,然後animation可以控制動畫,官方文檔均可查。   再就是scrollDataIndex,就

js註冊事件各種方式

代碼 rip 按鈕 return 觸發 func 沒有 htm 調用 第一種:HTML行內註冊 <input type="button" value="第一種方法" onclick="alert(‘我被調用了‘)">   缺點:事件的代碼太多,會使HTML

React Echarts 點選事件

在React中用Echarts畫了一個環形圖,如下。 現在想要實現一個點選事件 然後查詢了一下Echarts的官方文件。http://www.echartsjs.com/api.html#events 是這樣的, 然後我是這樣做的:   onclick = {