ECharts 常用設定

2021-10-17 14:37:24 字數 576 閱讀 4461

目錄

設定預設觸發事件action

滑鼠指向別的圖塊時,展示選中資料的圖塊資訊,隱藏預設色塊高亮資訊

滑鼠離開環形圖時,展示預設第一條資料

mychart.dispatchaction();
type

觸發action型別

seriesindex

series索引

dataindex

高亮資料索引

注意:type:'pieselect'不可使用,會使得選中的色塊發生向外的位移,並且不會展示label內容。

mychart.on('mouseover', (v) => );

}});

注意:當滑鼠在預設色塊時,無需觸發取消高亮【downplay】事件

mychart.on('mouseout', (v) => );

}});

注意:當滑鼠移除時,別忘記再次觸發餅圖的預設展示。 

另外:想要展示tooltip的話,用type = showtip即可。

echarts設定之stack引數

今天遇到乙個問題,就是我是乙個tab切換的各種圖表,但是獲取得到的資料是正確的,我自己分裝了乙個函式,函式如下 functionsetecharts box,obj legend xaxis yaxis series obj box.setoption optionzhe,true 對series獲...

echarts設定之stack引數

今天遇到乙個問題,就是我是乙個tab切換的各種圖表,但是獲取得到的資料是正確的,我自己分裝了乙個函式,函式如下 functionsetecharts box,obj legend xaxis yaxis series obj box.setoption optionzhe,true 對series獲...

ECharts設定X軸axisLabel自適應

製作echarts的柱狀圖時我們發現axislabel的長度過長時文字會堆疊在一起 有些 選擇傾斜axislabel來顯示,或者讓axislabel完全豎直,效果都很差,我這裡採用計算x軸刻度寬度的方法來進行換行處理 echarts將柱狀圖分為grid,x軸label和y軸label三個部分 我們首...