echarts富文本标签,echart 标题,echart 自定义图例,echarts设置图例,echarts图例自定义,echarts标题
ECharts图例组件配置富文本样式是指在ECharts可视化图表中的图例组件中，可以使用富文本格式来自定义样式，例如字体颜色、加粗、斜体等。

下面是一个简单的示例，展示如何在ECharts中配置富文本样式：

javascript
option = {
legend: {
data: ['苹果', '橙子', '香蕉'],
formatter: function (name) {
return '{' + name + '|} ' + name;
},
textStyle: {
rich: {
苹果: {
backgroundColor: { image: 'http://echarts.baidu.com/images/favicon.png' }
},
橙子: {
color: 'red'
},
香蕉: {
fontSize: 18,
fontFamily: 'Microsoft YaHei',
fontWeight: 'bold',
color: '#000',
textBorderColor: '#fff',
textBorderWidth: 2,
textShadowColor: '#fff',
textShadowBlur: 10
}
}
}
},
series: [{
name: '水果销量',
type: 'pie',
radius: '55%',
data: [
{ value: 335, name: '苹果' },
{ value: 310, name: '橙子' },
{ value: 234, name: '香蕉' }
]
}]
};


在该示例中，我们在图例组件中设置了formatter函数，它使用了rich属性来定义不同名称的富文本样式。例如，苹果的背景颜色被设置为ECharts官网的Favicon图标，橙子的颜色被设置为红色，香蕉则使用了多种属性来设置其字体大小、颜色、边框等。

请注意，要使用富文本样式，需要在ECharts版本4.0以上。