echarts杂记
解读echarts配置项之样式(一)
关于坐标轴的样式与配置
都在yaxis
与xaxis
中,具体可以设置axislabel
(坐标轴标签+可设置样式)、axistick
(坐标轴刻度线+可设置样式)、axisline
(坐标轴线+可设置样式)、name
(坐标轴名)、data
(数据)等。
关于echarts图表渲染四周留白问题
- 一般用
grid
即可解决 - 饼图在
series
中用radius
和center
- 地图在
series
中用zoom
解决。
自定义文本标题样式等
用rich
即可自定义,不可以嵌套使用rich。
如:
//定义时
title:{
text:'{diyBlock|我}是真的很{pad|酷}',
textStyle:{
rich:{
diyBlock:{
fontSize:20,
color:red
},
pad:{
padding:[10,10]
}
}
}
}
关于自定义显示标签、提示框字符的内容
用formatter
属性,可以是字符串可以是函数,用函数时,切记需要返回值。
如:
formatter:function(params){
ret