echarts的title和legend重合解决（各种小细节）

一：关于title与legend重叠

　　1.重合样子

　　

　　2.解决办法：

　　　　legend:{

　　　　　　show: true,

　　　　　　top:"6%"，//与上方的距离 可百分比% 可像素px

　　　　},

 　　3.解决后样子：

　　

---

二：关于dataZoom数据区域缩放组件宽高调整

　　1.原来样子：

　　　　

　　2.解决办法：

　　　　dataZoom: [

　　　　　　{
　　　　　　　　height:"15px",//高度设置，另外还有宽度

　　　　　　　　width:"100%",

　　　　　　}]

　　3.调整后：

　　　　

---

三：关于显示数据到柱状图

　　1.显示前：

　　　　

　　2.解决方法：　　

　　　　series : [
　　　　　　{
　　　　　　　　name: yTitle[i],
　　　　　　　　type:echartsType[i],
　　　　　　　　itemStyle:{
　　　　　　　　　　normal:{
　　　　　　　　　　　　label: {
　　　　　　　　　　　　　　show: true,//是否在图上展示数据
　　　　　　　　　　　　　　// position:'top',//数据在柱状图顶部显示
　　　　　　　　　　　　　　textStyle:{
　　　　　　　　　　　　　　　　color:'#000000' //数据颜色
　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　formatter: '{c}' //显示百分比
　　　　　　　　　　　　　}
　　　　　　　　　　　　},
　　　　　}],

　　3.显示后

　　

---

PS：都是一些小细节方面的东西，以后再遇到了就继续来添加。

原文地址：https://www.cnblogs.com/moutudou/p/11011247.html