巧用echarts中的rich属性自定义样式

rich使⽤

在echarts中rich主要是⽤于设置⽤户⾃定样式，我们可以在title，legend中使⽤rich在做项⽬的时候需要⾃定义echarts图中字体样式

但是这个地⽅数字和⽂字的颜⾊是⼀样的，但是UI设计的图需要⽂字是⿊⾊字体，数字是根据环形图的颜⾊⼀样这⾥就需要⽤到rich属性来⾃定义字体的颜⾊，如：

series: [{

type: 'pie',

radius: ['40%', '60%'], center: ['35%', '50%'], data: echartData, labelLine: { normal: { length: 20, length2: 20 },

},

label: {

normal: {

formatter: (params)=> {

let str =(`{value|${params.value}}`)+ '\\n'+(`{name|${params.name}}`); return str },

borderWidth: 5, borderRadius: 5, // padding: [0, 86], height: 70, fontSize: 20, show: true, rich: { value:{

fontSize:28, },

name:{

color:'#666666', fontSize:20, }, } } }, }]