需求:想通过加标签的方式给字段加样式
极坐标好像和其他的图表不太一样,其他的图表处理formatter时可以自定义样式,加标签处理,但极坐标直接把标签给显示出来了,不去解析标签
如返回写成
str = '<span>' + item.name +':</span><span>'+ item.value + '</span>'
页面也会把<span>
毫无保留的显示出来,如下图
找到一种曲线救国的方式就是通过rich
属性给某个字段设置样式
axisLabel: {
interval: 0,
//刻度标签设置
textStyle: {
color: "#333",
},
formatter: val=>{
let str = ''
xData.forEach(item=>{
str = '{a|' + item + '} ' + '{b|' + val + '}'
})
return str
},
rich:{
a:{
fontWeight: 700
},
b:{
color: 'red'
}
}
},
如果哪位博主能通过加标签的方式写样式,还请评论区留言,多谢