echarts中使用rich 自定义富文本

绘制饼图时，需求在饼图中间显示当前指向的value和name；

效果如：

 指向一个图形时，显示对应的name和value，分别设置文字大小（也可设置其他属性，详见echrts官网）

具体配置如下：

emphasis: {
	label: {
		show: true,
		fontSize: 20,
        // 自定义文字显示，函数默认params接受当前指向所有属性
		formatter: function(params) {
			let { value, name } = params;
			return [
				`{c| ${value}}`, // 这里注意返回数组类型，内为对象，对象必须包裹成字符串，c为当前文字标识，| 后为你想显示的值
				`{b| ${name}}`,
			].join('\n') // 换行
		},
        // rich内自定义文本样式
		rich: {
            // 定义c类文字样式
			c: {
				fontSize: 36,
				fontWeight: 500,
				color: '#171717',
			},
			b: {
				fontSize: 13,
				fontWeight: 700,
				color: '#606060',
			}
		}
	},
},