我正在尝试在树图中用相等的正方形表示JSON数据。我发现highchart-treemap有4种内置算法,即平方,切片和骰子,条纹和条带。这些算法不符合我获得相等图块的要求。有没有办法我可以修改它们以获得期望的结果?我试图在网上找到这些算法的文档,以便我可以对其进行修改,但找不到。

最佳答案

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

10-07 18:55
查看更多