在echarts中图例legend和坐标系grid实现左右布局实例

更新时间：2020年05月16日 15:07:15 作者：木雷双雄7

这篇文章主要介绍了在echarts中图例legend和坐标系grid实现左右布局实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

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字符串常规操作小结
本文主要介绍了Python字符串常规操作小结，如拼接字符串、截取字符串、格式化字符串等，下面将对Python中常用字符串操作方法进行介绍，感兴趣的可以了解一下
2022-04-04
Python自动扫描出微信不是好友名单的方法
很多人想要清楚已经被删除的好友名单。面对庞大的好友数量想要清除谈何容易，本文主要介绍了Python自动扫描出微信不是好友名单的方法，感兴趣的可以了解一下
2021-05-05
Python编程实战之Oracle数据库操作示例
这篇文章主要介绍了Python编程实战之Oracle数据库操作,结合具体实例形式分析了Python的Oracle数据库模块cx_Oracle包安装、Oracle连接及操作技巧,需要的朋友可以参考下
2017-06-06
Python文件操作类操作实例详解
这篇文章主要介绍了Python文件操作类操作实例代码,需要的朋友可以参考下
2014-07-07
python学生管理系统开发
这篇文章主要为大家详细介绍了基础版和函数版的python学生管理系统开发，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-01-01
Python使用bar绘制堆积/带误差棒柱形图的实现
本文先讲解bar参数如何使用，然后分别演示堆积柱形图和带误差柱形图画法。具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
利用python实现凯撒密码加解密功能
这篇文章主要介绍了利用python实现凯撒密码加解密功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-03-03
对django layer弹窗组件的使用详解
今天小编就为大家分享一篇对django layer弹窗组件的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-08-08
python webp图片格式转化的方法
这篇文章主要为大家详细介绍了python webp图片格式转化的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
python中的import、from import及import as的区别解析
在Python中，如果import的语句比较长，导致后续引用不方便，可以使用as语法，这篇文章主要介绍了python中的import、from import以及import as的区别,需要的朋友可以参考下
2022-10-10