echarts label富文本,echarts中label富文本编辑,echarts y轴标题设置位置,echarts副标题位置,echarts标题,echarts fontsize
ECharts是一个开源的数据可视化库，yAxis配置是ECharts中用于设置y轴的配置项之一。通过yAxis配置，可以设置坐标轴的类型、刻度、标签等属性。

使用富文本样式设置yAxis坐标轴的类目标签，可以在标签中添加各种样式效果，如颜色、字体大小、粗细、下划线、删除线等，以增强标签的可读性和美观性。

以下是一个设置yAxis类目标签样式的例子：

javascript
option = {
yAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
axisLabel: {
rich: {
green: {
color: '#00ff00',
fontWeight: 'bold',
fontSize: 14,
backgroundColor: '#eee',
padding: [2, 4],
borderRadius: 4,
borderColor: '#999',
borderWidth: 1,
textBorderColor: '#000',
textBorderWidth: 1,
lineHeight: 20,
verticalAlign: 'middle'
},
red: {
color: '#ff0000',
fontStyle: 'italic',
fontSize: 16,
textDecoration: 'underline'
}
},
formatter: function (value) {
if (value === 'Wed') {
return '{green|' + value + '}';
} else if (value === 'Fri') {
return '{red|' + value + '}';
} else {
return value;
}
}
}
},
series: [{
type: 'bar',
data: [120, 200, 150, 80, 70, 110, 130]
}]
};


在上述例子中，通过设置axisLabel.rich对象，定义了两个富文本样式：green和red。然后，在axisLabel.formatter函数中，根据类目值的不同，使用不同的富文本样式对标签进行格式化。

例如，当类目值为Wed时，使用{green|Wed}格式化标签，使之显示为绿色粗体字体，并添加了圆角边框和背景色；而当类目值为Fri时，则使用{red|Fri}格式化标签，使之显示为红色斜体带下划线的字体。