在 ECharts 中,平行坐标轴的类目标签(Category Axis Label)可以通过 rich 属性进行富文本样式的配置。rich 属性允许你对标签的不同部分应用不同的样式,从而实现更灵活的标签显示效果。

以下是一个简单的例子,展示如何在平行坐标轴的类目标签中使用 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