option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
axisLabel: {
interval: 0,
formatter: function (value, index) {
// 富文本格式
return '{a|' + value + '}\n{b|标签}';
},
rich: {
// 富文本样式
a: {
color: 'blue',
fontSize: 14,
fontWeight: 'bold'
},
b: {
color: 'red',
fontSize: 12
}
}
},
// 其他 xAxis 配置项...
},
// 其他配置项...
};
在上述例子中,formatter 函数返回一个包含两个部分的富文本字符串,分别是 {a|' + value + '} 和 {b|标签},其中 {a|} 和 {b|} 是富文本的标记,后面的内容是对应部分的文本。
在 rich 属性中,定义了两个富文本样式,分别是 a 和 b。你可以在这里设置颜色、字体大小、粗细等样式属性。
通过这种方式,你可以更灵活地定制 xAxis 上类目标签的样式。
转载请注明出处:http://www.zyzy.cn/article/detail/5183/ECharts