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