Question

我想在我的页面上显示两个饼图，彼此相邻。它们的风格相同但数据不同。这可能吗？怎么样？

谢谢

Answer 1

您可以在同一个图表上拥有多个饼图数据系列

var chart = new Highcharts.Chart({

chart: {
    renderTo: 'container',
    type: 'pie'
},
title: {
    text: 'Group Name'
},
series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    center: ['20%'],
    name: 'foo'
}, {
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    center: ['80%'],
    name: 'bar'
}],
plotOptions: {
    pie: {
        dataLabels: {
            enabled: false
        }                
    }            
}

}）;

jsfiddle：http://jsfiddle.net/4NtBw/

Answer 2

另一个解决方案是为两个图表设置相同的size。这将禁用带有dataLabels的饼图智能调整大小的选项，并且您将获得两个相同大小的图表，两者都启用了dataLabels。

Answer 3

搜索中心：http://docs.highcharts.com/#polar-chart 这可能会有所帮助

如何将两个饼图（高图）对齐

3 个答案: