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
}
}
完美展示:前端入坑深似海,自此妹紙是浮雲。大家好,我是木雷。
頭條主頁有我的博客連結,歡迎各位前來視察。