html全屏后调整echart样式,echart 样式修改记录

echart 样式修改记录

11ECharts 图例组件配置 控制图例组件的位置和宽高 w3Cshool 文档

https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-2dbe2cgw.html

12如何修改 x 轴和 y 轴的颜色

https://blog.csdn.net/flygoa/article/details/52922266

13去掉 X 轴, Y 轴和网格线

https://blog.csdn.net/you23hai45/article/details/51569690

14柱状图 , 颜色和显示设置并设置折线的颜色https://www.cnblogs.com/wsir/p/6236124.html

https://www.cnblogs.com/webtall/p/7238593.html

15修改图例 legend 颜色color:['#48cda6','#fd87ab','#11abff','#ffdf33','#968ade'],// 手动设置每个图例的颜色

legend:{// 图例组件

right:68,// 图例组件离右边的距离

orient:'vertical',// 布局 纵向布局

width:40,// 图行例组件的宽度, 默认自适应

x:'right',// 图例显示在右边

itemWidth:10,// 图例标记的图形宽度

itemHeight:10,// 图例标记的图形高度

data:['30%','10%','15%','20%','25%'],

textStyle:{// 图例文字的样式

color:'#333',

fontSize:12

}

}

16Echarts 中 axislabel 文字过长导致显示不全或重叠grid:{// 控制图的大小, 调整下面这些值就可以,

50x:40,

51x2:100,

52y2:150// y2 可以控制 X 轴跟 Zoom 控件之间的间隔, 避免以为倾斜后造成 label 重叠到 zoom 上

53}

以及 width 和 height 设置 有关系

https://www.cnblogs.com/liubeimeng/p/4980067.html

17boundaryGap 具体含义

https://segmentfault.com/q/1010000009880862/a-1020000010020365

来源: http://www.qdfuns.com/article/18084/2ef03c35be7f191179026d771fd6b001.html