四时宝库

程序员的知识宝库

Echarts中legend常见问题(echart 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

}

}

完美展示:


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

头条主页有我的博客链接,欢迎各位前来视察。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接