華文網

Echarts中legend常見問題

看圖說話:

問題:

1、圖例與標題重疊

2、折線全部顯示,頁面雜亂

3、點擊圖例折線顯示問題

方法:

1、legend.data中使用特殊字串''(空字串)實現圖例的換行

2、legend.selected設置對應data[i]為false,相應的data[i]不顯示

3、legend.selectedMode設置圖例的選擇模式,single為單選模式,multiple為多選模式

代碼:

legend: {

x: 'left',

data: ['送風溫度', '回風溫度', '室外溫度', '室外濕度', '', '室內1溫度', '室內1濕度', '室內2溫度', '室內2濕度'],

inactiveColor: '#999',

selectedMode: 'single',

selected: {

'回風溫度': false,

'室外溫度': false,

'室外濕度': false,

'室內1溫度': false,

'室內1濕度': false,

'室內2溫度': false,

'室內2濕度': false

}

}

完美展示:

前端入坑深似海,自此妹紙是浮雲。大家好,我是木雷。

頭條主頁有我的博客連結,歡迎各位前來視察。