在 ECharts 的 Treemap 中,您可以通过配置 label 属性来显示父节点的标签。这可以通过在 label 配置中设置 show 为 true 来实现。以下是一个简单的 Treemap 父节点标签的配置示例:
option = {
    title: {
        text: 'Treemap 示例'
    },
    series: [
        {
            name: 'Treemap',
            type: 'treemap',
            data: [
                {
                    name: '类别1',
                    value: 10,
                    children: [
                        { name: '子类别1-1', value: 5 },
                        { name: '子类别1-2', value: 3 },
                        { name: '子类别1-3', value: 2 }
                    ]
                },
                {
                    name: '类别2',
                    value: 8,
                    children: [
                        { name: '子类别2-1', value: 4 },
                        { name: '子类别2-2', value: 3 },
                        { name: '子类别2-3', value: 1 }
                    ]
                }
                // 可以添加更多的数据项和层级关系
            ],
            label: {
                show: true, // 是否显示标签
                position: 'inside' // 标签的位置,可选值为 'top', 'inside', 'bottom', 'left', 'right'
            },
            emphasis: {
                label: {
                    show: true // 强调状态下是否显示标签
                }
            }
        }
    ]
};

在上述示例中,label 配置中的 show: true 表示要显示标签,而 position: 'inside' 表示标签显示在图形内部。您可以根据需要调整标签的显示位置以及其他样式配置。

这样配置之后,父节点的标签将会显示在 Treemap 图的相应位置。


转载请注明出处:http://www.zyzy.cn/article/detail/5420/ECharts