Highchart-treemaps equal tiles

Question

대각선으로 된 트리 맵에서 JSON 데이터를 표현하려고합니다. 나는 highchart-treemap이 4 개의 내장 알고리즘, 즉 squarified, slice and dice, stripes and strip을 가지고 있다는 것을 알아 냈습니다. 이러한 알고리즘은 동일한 타일을 얻는 요구 사항을 충족하지 못합니다. 원하는 결과를 얻기 위해 내가 수정할 수있는 방법이 있습니까? 나는이 알고리즘의 문서를 온라인으로 찾아 보았으므로 수정할 수는 있지만 찾을 수는 없었다.

Answer 1

데이터가있는 경우 같은 타일이 설정됩니다. 제목 크기는 각 데이터 요소의 속성 인 value을 기반으로합니다. 모든 값을 동일하게 설정하면 모든 타일의 크기가 동일 해집니다.

예 : 문서 및 소스 http://jsfiddle.net/f6a48zmb/

$(function() { 
    $('#container').highcharts({ 
     series: [{ 
      type: "treemap", 
      layoutAlgorithm: 'stripes', 
      data: [{ 
       id: 'A', 
       name: 'Apples', 
       color: "#EC2500", 
       value: 1 
      }, { 
       id: 'B', 
       name: 'Bananas', 
       color: "#ECE100", 
       value: 1 
      }, { 
       id: 'O', 
       name: 'Oranges', 
       color: '#EC9800', 
       value: 1 
      }] 
     }], 
     title: { 
      text: 'Fruit consumption' 
     } 
    }); 
});