Highchart-treemaps等于tile

时间:2016-06-23 21:03:33

标签: javascript json highcharts treemap

我正在尝试在具有相等方块的树图中表示JSON数据。我发现highchart-treemap有4个内置算法,即方形,切片和骰子,条纹和条带。这些算法不符合我获得相同瓦片的要求。有没有办法可以修改它们以获得所需的结果?我尝试在线查找这些算法的文档,以便我可以修改它们但找不到。

1 个答案:

答案 0 :(得分:2)

如果您有此类数据,将设置相等的图块。标题大小基于每个数据点的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'
        }
    });
});