如何將兩個彼此相鄰的餅圖（高位圖）彼此對齊

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 這可能有助於