option = {
yAxis: {
type: 'value',
axisLabel: {
formatter: function (value, index) {
// 使用富文本样式
return `{a|${value}}\n{b|额外信息}`;
},
rich: {
a: {
color: 'blue',
fontSize: 14,
fontWeight: 'bold'
},
b: {
color: 'red',
fontSize: 12
}
}
},
// 其他 yAxis 配置项可以根据需要添加
},
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
},
series: [
{
type: 'bar',
data: [10, 20, 15, 25, 30]
}
]
};
在上述示例中,axisLabel 的 formatter 函数中使用了富文本样式,通过 {a|} 和 {b|} 来应用不同的样式。同时,rich 属性用于定义具体的样式,比如颜色、字体大小、字体粗细等。
这样可以让 y 轴刻度标签显示更加丰富的样式,包括不同的颜色和字体大小。
转载请注明出处:http://www.zyzy.cn/article/detail/5209/ECharts