如何绘制子项值总和与父项值不相等的Highcharts树状图

• 核心配置是开启useAbsoluteValues: true，让节点尺寸直接使用设置的数值，而非按父项比例缩放
• 具体配置步骤：
  1. 父节点P设置value: 100，color: 'red'
  2. 子节点C1设置value:25，color:'blue'；C2设置value:35，color:'yellow'
  3. 在series配置中添加useAbsoluteValues: true

代码示例：

Highcharts.chart('container', {
    series: [{
        type: 'treemap',
        useAbsoluteValues: true,
        data: [{
            id: 'P',
            name: '父项P',
            value: 100,
            color: 'red'
        }, {
            id: 'C1',
            name: '子项C1',
            parent: 'P',
            value: 25,
            color: 'blue'
        }, {
            id: 'C2',
            name: '子项C2',
            parent: 'P',
            value: 35,
            color: 'yellow'
        }]
    }]
});

• 原理说明：useAbsoluteValues会让Highcharts直接使用每个节点的value数值计算尺寸，父节点占100单位空间，子节点分别占25和35单位，剩余40单位自动填充父节点的红色，无需额外添加虚拟子项。
• 注意：若之前设置了ignoreHiddenPoints，可将其设为false（默认值即为false），避免干扰尺寸计算。

内容的提问来源于stack exchange，提问作者Pauli