highcharts - 2 つの円グラフ (ハイチャート) を並べて並べる方法

Question

ページに 2 つの円グラフを並べて表示したいと考えています。どちらも同じスタイルですが、異なるデータです。それは可能ですか？

ありがとうございました

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

もう 1 つの解決策は、両方のグラフに同じサイズを設定することです。これにより、dataLabels を使用して円グラフのサイズをスマートに変更するオプションが無効になり、dataLabels が有効になっている 2 つの同じサイズのグラフが表示されます。

Answer 3

検索センター: http://docs.highcharts.com/#polar-chart