在echarts中图例legend和坐标系grid实现左右布局实例
更新时间：2020年05月16日 15:07:15 作者：木雷双雄7
这篇文章主要介绍了在echarts中图例legend和坐标系grid实现左右布局实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
1、效果图
2、实现方法
将图例legend纵向排列（orient: 'vertical'），宽度给150（width: 150），坐标系grid左侧距离200（left: 200），中间有50的边距
3、代码展示
grid: {
left: 200
},
legend: {
x: 'left',
data: ['送风温度', '混风温度', '冷冻水送水温度', '冷冻水回水温度', '热水送水温度', '热水回水温度', '送风温度设定点', '风机速度','风机速度反馈','风阀开度'],
inactiveColor: '#999',
selectedMode: 'single',
orient: 'vertical',
width: 150,
top: 50,
borderWidth: 2,
borderColor: 'blue',
textStyle: {
color: '#000'
}
}
补充知识：Echarts中legend图例太多与title重叠问题
问题：由于legend图例太多导致与title的文字重叠
方法：像legend.data[i]中添加特殊字符串''，实现图里的换行
代码：加粗加下划线部分
legend: {
x: 'left',
data: ['送风温度', '回风温度', '室外温度', '室外湿度', '', '室内1温度', '室内1湿度', '室内2温度', '室内2湿度'],
inactiveColor: '#999',
selectedMode: 'single'
}
以上这篇在echarts中图例legend和坐标系grid实现左右布局实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持程序员之家。
相关文章
这篇文章主要为大家详细介绍了Python机器学习中实现距离和相似性计算的方法，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-03-03
这篇文章主要介绍了基于python3生成标签云代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
这篇文章主要介绍了详解Python利用random生成一个列表内的随机数，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
今天小编就为大家分享一篇在Python中,不用while和for循环遍历列表的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-02-02
当用PyQt5开发一个GUI界面 ,需要执行业务逻辑时,后台逻辑执行时间长,界面就容易出现卡死、未响应等问题,本文主要介绍了PyQt界面阻塞卡死问题的解决2024-01-01
“表情包”是一种利用图片来表示感情的一种方式。下面这篇文章主要给大家介绍了关于Python实现emoji表情的简单方法，需要的朋友可以参考下2021-05-05
这篇文章主要给大家介绍了关于Python趣味入门教程之循环语句while的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
这篇文章主要介绍了十分钟轻松掌握dataframe数据选择,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
这篇文章主要给大家介绍了关于Python垃圾邮件的逻辑回归分类的相关资料,作为初学者实践文本分类是一个不错的开始,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2021-11-11
今天小编就为大家分享一篇Python 保存矩阵为Excel的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-01-01
最新评论