highchart treemap父标签为平铺

Question

我有一个高图树状图与三个级别(父和子，后代)，我想要的是:

1-看到父标签作为tile在他们的部分

2-在第一次加载时显示格式化器创建的所有级别标签您可以在这个lib中看到类似的内容:

react-charts/treemap-series我尝试改变父标签的UI，但是在设置背景色后，它在小块中重叠在子标签上

Answer 1

要控制显示数据表，可以使用levels.dataLabels.

levels: [{
level: 1,
layoutAlgorithm: 'sliceAndDice',
dataLabels: {
enabled: true,
align: 'left',
verticalAlign: 'top',
style: {
fontSize: '15px',
fontWeight: 'bold'
}
}
}, 
{
level: 2,
layoutAlgorithm: 'sliceAndDice',
dataLabels: {
enabled: false,
align: 'left',
verticalAlign: 'top',
style: {
fontSize: '15px',
fontWeight: 'bold'
}
}
}],

您也可以使用series.treemap.data. datalabels为每个系列设置数据表。

data: [{
dataLabels: {
enabled: false
},
id: 'A',
name: 'Apples',
color: "red"
}, {
dataLabels: {
enabled: false
},
id: 'B',
name: 'Bananas',
color: "yellow"
}, {
id: 'O',
name: 'Oranges',
color: 'orange'
}, {
name: 'Anne',
parent: 'A',
value: 5
}, {
name: 'Rick',
parent: 'A',
value: 3
}, {
name: 'Peter',
parent: 'A',
value: 4
}, {
name: 'Anne',
parent: 'B',
value: 4,
color: 'black'
}, {
name: 'Rick',
parent: 'B',
value: 10
}, {
name: 'Peter',
parent: 'B',
value: 1
}, {
name: 'Anne',
parent: 'O',
value: 1
}, {
name: 'Rick',
parent: 'O',
value: 3
}, {
name: 'Peter',
parent: 'O',
value: 3
}, {
name: 'Susanne',
parent: 'Kiwi',
value: 2,
color: 'green'
}]

示例:https://jsfiddle.net/BlackLabel/hat4nob2/2/