highcharts - 如何将两个饼图(highcharts)彼此对齐

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/