我们常常发先单单个formatter其实是不够用的,就比如一个方块里面有两行字,那么这是我就将label的配置都放在normal里面,例如如下
normal:{
formatter: param => {
const { data: { orgNameZh, orgManagerName, orgManagerNumber },} = param
let name = orgManagerName?`${orgManagerName}(${orgManagerNumber})`:'无'
return `{a|${orgNameZh}}
{b|${name}}`
},
rich:{
///a表示的是一种样式,b也是一种样式
a:{
fontSize:12,
color:'#333',
},
b:{
fontSize:14,
color:'#333',
fontWeight:'bold'
}
},
textStyle:{
// fontFamily:"微软雅黑",
// fontWeight:'blod'
// fontSize: 12,
// backgroundColor: { image: tag },
padding: [10, 20],
// color: '#333',
backgroundColor:'#F5F5F5',
borderWidth:1,
borderColor:'#DDDDDD',
}
}
大家其实遇到情况的越多,对API的熟悉度越高,normal这个
emphasis:{
label:{
color:'#FE9D20',
backgroundColor:'#FFF9F2',
borderColor:'#FE9D20'
}
}
底下这个是鼠标划过的效果,再讲一下她滑动的小红点,你去写的时候会发现滑动的时候有时不太好用,其实不是什么bug,是你的小红点,太小了,所以滑动不上,那么这是就要给小红点改下形状,然后设置他的宽度和高度,
symbol:'rect',
symbolSize:[60,30],
把形状改了,然后这是一下宽度,高度