Highchart Treemap：在3行上强制布局

Question

我想强制将Highcharts treemap的布局设置为3行（就像在普通的html表中一样）。 树形图中的所有项目都具有相同的值，但jsfiddle显示的行如row1：ACEG row2：BDFH和box I高度远大于其他项目。 我的代码：

$(function () {
$('#container').highcharts({
    series: [{
        type: "treemap",
        layoutAlgorithm: 'strip',
        data: [{
            name: 'A',
            value: 6
        }, {
            name: 'B',
            value: 6
        }, {
            name: 'C',
            value: 6
        }, {
            name: 'D',
            value: 6
        }, {
            name: 'E',
            value: 6
        }, {
            name: 'F',
            value: 6
        }, {
            name: 'G',
            value: 6
        },{
            name: 'H',
            value: 6
        }, {
            name: 'I',
            value: 6
        }
       ]
    }],
    title: {
        text: 'Highcharts Treemap'
    }
});

}）;

我的目标是达到3行：ABC，DEF，GHI

我尝试了Highcharts提供的4种布局：sliceAndDice，stripe，squarified，strip

Answer 1

这并不是treemaps的意图。 我会尝试heatmap。

示例：

• http://jsfiddle.net/jlbriggs/vk6sfdLs/