Highchart Treemap：強制三條線的佈局

Question

我想強制一條Highcharts treemap的佈局在三條線上（就像在普通的html表中一樣）。 樹形圖中的所有項目都具有相同的值，但jsfiddle像row1一樣顯示框：ACEG row2：BDFH和框體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

我試過4種類型的佈局，Highcharts提供：sliceAndDice，條紋，正方，脫衣

Answer 1

這不是真的怎麼treemaps是打算工作。 我會嘗試一個heatmap來代替。

實施例：

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