看图说话:
问题:
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
}
}
完美展示:
前端入坑深似海,自此妹纸是浮云。大家好,我是木雷。
头条主页有我的博客链接,欢迎各位前来视察。