如何将两个彼此相邻的饼图（高位图）彼此对齐

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 这可能有助于