博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECharts2.0 学习笔记
阅读量:6949 次
发布时间:2019-06-27

本文共 777 字,大约阅读时间需要 2 分钟。

hot3.png

学习地址:http://echarts.baidu.com/echarts2/doc/doc.html

1、legend:图例,每个图表最多仅有一个图例。

    修改图例颜色,只需要在option中设置一组color,引用的时候依然是color : ' source '.

color:['#FCCE10','#FE8463','#60C0DD'],  //手动设置每个图例的颜色	        legend: {	            x: "center",	            formatter: function(name) {		            return echarts.format.truncateText(name, 40,'14px Microsoft Yahei', '…');		        },		        tooltip: {		            show: true,		        },		        data: ['一级服务器', '二级服务器', '三级服务器'],		         textStyle:{    //图例文字的样式			        color:'source',			        fontSize:12			    }	        },

                                              144531_gzMr_3636105.png

2、tooltip:提示框,鼠标悬浮交互时的信息提示。

    可以手动设置背景颜色

backgroundColor:'rgba(250,250,250,0.3)',

                                                144609_09g9_3636105.png

3、series 下设置有向线

edgeSymbol: ['circle', 'arrow'],edgeSymbolSize: [0, 10],

                    161423_KDDS_3636105.png

转载于:https://my.oschina.net/CassieHouse/blog/1505266

你可能感兴趣的文章
mongodb数据备份和还原
查看>>
VM虚拟机下安装Centos7.0图文教程
查看>>
我的友情链接
查看>>
编译安装php-5.6.19出现的问题configure: error: mysql configure failed. Please check config.log...
查看>>
第三方登录之QQ登录(一)——QQ互联开放平台新建应用
查看>>
MyBatis mapper.xml处理sql中的 大于,小于,大于等于,小于等于
查看>>
java 受检异常和非受检异常
查看>>
GC垃圾回收机制
查看>>
rsync通过服务同步、linux系统日志
查看>>
一篇文章带你解析,乐观锁与悲观锁的优缺点
查看>>
阿里云如何打破Oracle迁移上云的壁垒
查看>>
小技巧:如何突破某些网站只能登陆后才能进行文字拷贝的限制
查看>>
Spring Boot教程(十八)使用Spring StateMachine框架实现状态机
查看>>
区块链如何应用于保险行业
查看>>
自然语言处理工具HanLP被收录中国大数据产业发展的创新技术新书《数据之翼》...
查看>>
五周第三次课(4月20日)8.1 shell介绍 8.2 命令历史 8.3 命令补全和别名 8.4 通配符 8.5 输入输出重定向...
查看>>
Dubbo Mesh 在闲鱼生产环境中的落地实践
查看>>
用idea制作Javaweb程序遇到的过程
查看>>
一台Java服务器怎样跑多少个线程
查看>>
想要成为python大神,这17个老司机收藏的国外免费学习网站不可错过!
查看>>