将饼图中的较小切片分组以提高可读性

Question

我想将低于 10% 百分比的数据分组到名为其他人的馅饼切片中。可能吗？ Pie-chart

        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    sliced: true,
                    selected: true
                },
                ['Safari',    8.5],
                ['Opera',     6.2]
            ]
        }]

Answer 1

您只需计算略有不同的数据即可。遍历条目以查找 < 10% 的项目。将这些添加到 'other' 类别。

像这样：

 var data = [
            ['Firefox',   45.0],
            ['IE',       26.8],
            {
                name: 'Chrome',
                y: 12.8,
                sliced: true,
                selected: true
            },
            ['Safari',    8.5],
            ['Opera',     6.2]
        ];
var newData=[];
var other=0.0;
for (var slice in data) {

    if (data[slice][1] < 10) {
        other += data[slice][1];
    } else {
        newData.push(data[slice]);
    }
}
newData.push(['other',other]);

http://jsfiddle.net/q25u2hyr/

将饼图中的较小切片分组以提高可读性

Group Smaller Slices in Pie Charts to Improve Readability

highcharts

pie-chart