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


Posted in Python onMay 16, 2020

1、效果图

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

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的文字重叠

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

方法:像legend.data[i]中添加特殊字符串'',实现图里的换行

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

代码:加粗加下划线部分

legend: {
 x: 'left',
 data: ['送风温度', '回风温度', '室外温度', '室外湿度', '', '室内1温度', '室内1湿度', '室内2温度', '室内2湿度'],
 inactiveColor: '#999',
 selectedMode: 'single'
 }

以上这篇在echarts中图例legend和坐标系grid实现左右布局实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
说一说Python logging
Apr 15 Python
Python入门之三角函数tan()函数实例详解
Nov 08 Python
对python抓取需要登录网站数据的方法详解
May 21 Python
python中itertools模块zip_longest函数详解
Jun 12 Python
面向初学者的Python编辑器Mu
Oct 08 Python
Flask之请求钩子的实现
Dec 23 Python
在PyCharm导航区中打开多个Project的关闭方法
Jan 17 Python
Python日期时间Time模块实例详解
Apr 15 Python
Python实现连接MySql数据库及增删改查操作详解
Apr 16 Python
python判断一个对象是否可迭代的例子
Jul 22 Python
使用Python快乐学数学Github万星神器Manim简介
Aug 07 Python
Python使用requests模块爬取百度翻译
Aug 25 Python
Python如何使用PIL Image制作GIF图片
May 16 #Python
pyecharts调整图例与各板块的位置间距实例
May 16 #Python
通过Python实现一个简单的html页面
May 16 #Python
Python批量处理csv并保存过程解析
May 16 #Python
基于Python测试程序是否有错误
May 16 #Python
关于matplotlib-legend 位置属性 loc 使用说明
May 16 #Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
May 16 #Python
You might like
PHP中extract()函数的妙用分析
2012/07/11 PHP
php的数组与字符串的转换函数整理汇总
2013/07/18 PHP
PHP+FastCGI+Nginx配置PHP运行环境
2014/08/07 PHP
PHP下载大文件失败并限制下载速度的实例代码
2019/05/10 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
JavaScript定义类的几种方式总结
2014/01/06 Javascript
跟我学习javascript的prototype原型和原型链
2015/11/18 Javascript
JavaScript中的函数(二)
2015/12/23 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
js仿QQ中对联系人向左滑动、滑出删除按钮的操作
2016/04/07 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
ES6之模版字符串的具体使用
2018/05/17 Javascript
JavaScript刷新页面的几种方法总结
2019/03/28 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
python连接MySQL数据库实例分析
2015/05/12 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
python使用Apriori算法进行关联性解析
2017/12/21 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
利用Python如何批量修改数据库执行Sql文件
2018/07/29 Python
完美解决torch.cuda.is_available()一直返回False的玄学方法
2021/02/06 Python
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
家居装修公司创业计划书范文
2014/03/20 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
创业女性典型材料
2014/05/02 职场文书
小学英语教师先进事迹
2014/05/28 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
化工专业求职信
2014/07/01 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
合同范本之电脑出租
2019/08/13 职场文书
Python如何把不同类型数据的json序列化
2021/04/30 Python
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
VUE递归树形实现多级列表
2022/07/15 Vue.js