6

Highcharts は、ドーナツ グラフをサポートします。基本的には、1 つの内側の円グラフに 2 つ目の円グラフ (ドーナツとして表示) がその周りを囲んでいます。Highcharts デモ サイトのドーナツ チャート

3 層のドーナツ グラフ、つまり、中央に円グラフ、円グラフの周りにドーナツ、最初の円グラフを別のドーナツで囲むグラフを作成することはできますか?

彼らのオプション plotOptions.pie.innerSize は、内側のサイズ、中間のサイズ、および外側のサイズではなく、内側のサイズと外側のサイズのみをサポートすることを示唆しているため、それは不可能だと思います。しかし、おそらく私は何かが欠けています。

4

3 に答える 3

12

より多くのシリーズを設定してみて、サイズと内側のサイズでしばらく遊んでください。http://jsbin.com/oyudan/165/editを参照してください。

       series: [{
            name: 'Browsers',
            data: [11,23,14,15],
            size: '40%',
            dataLabels: {
                formatter: function() {
                    return this.y > 5 ? this.point.name : null;
                },
                color: 'white',
                distance: -30
            }
        }, {
            name: 'Versions',
            data: [4,7,11,11,2,3,3,8,5,5,5],
            size: '70%',
            innerSize: '40%',
            dataLabels: {
                formatter: function() {
                    // display only if larger than 1
                    return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%'  : null;
                }
            }
        }, {
            name: 'Versions',
            data: [2,2,3,4,6,5,6,5,1,1,2,1,2,1,4,4,2,3,2,3,2,3],
            size: '80%',
            innerSize: '70%',
            dataLabels: {
                formatter: function() {
                    // display only if larger than 1
                    return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%'  : null;
                }
            }
于 2013-07-03T11:18:57.760 に答える