以下是一个简单的例子,展示如何在平行坐标轴的类目标签中使用 rich 属性进行富文本样式的设置:
option = {
parallel: {
parallelAxis: [
{
dim: 0,
name: 'Axis 0',
type: 'category',
axisLabel: {
show: true,
rich: {
value: {
color: 'blue',
fontSize: 14,
fontWeight: 'bold'
},
category: {
color: 'red',
fontStyle: 'italic',
fontSize: 12
}
},
formatter: function (params) {
// 利用富文本样式配置类目标签
return '{value|' + params.value + '}\n{category|Extra Info}';
}
},
data: ['Category A', 'Category B', 'Category C', 'Category D']
},
// 其他平行坐标轴...
],
},
series: [
{
type: 'parallel',
data: [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9],
// 其他数据...
]
}
// 其他系列配置...
]
};
在上述配置中,通过 rich 属性定义了两个富文本样式,分别命名为 value 和 category。在 formatter 函数中,通过使用 {value|} 和 {category|} 来应用这两个富文本样式。
这是一个简单的例子,你可以根据实际需求定义更多的富文本样式,以及在 formatter 函数中组合它们来创建更复杂的标签显示效果。
转载请注明出处:http://www.zyzy.cn/article/detail/5348/ECharts