0

互いに接触する 2 つのドーナツ パイを作成した後、グラフのサイズを変更すると、それらの間の比率が変わります。一方を減らすと、もう一方を上回り、増やすと、それらはさらに離れていきます。

2 つのパイの比率を維持するにはどうすればよいですか?

$(function () {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie',
        backgroundColor: "black",
        borderColor: "black",
        margin: [0, 0, 0, 0],
        spacingTop: 0,
        spacingBottom: 0,
        spacingLeft: 0,
        spacingRight: 0,
        height:150,
        width:150

    },
    plotOptions: {
            pie: {
                size:'100%',
                center: ['50%', '50%'],
                dataLabels: {
                    enabled: false,
                }
            }
        },

    title: {
        text: null
    },
    "legend": {
    "enabled": false
},
"credits": {
    "enabled": false
},
    tooltip: {
        enabled: false,
        },
    series: [{
        size: '85%',
        innerSize: '75%',
        borderColor: "transparent",
        data: [
            {y: 12, color: 'green'},
            {y: 10, color: 'gray' },
            {y: 33, color: 'red'},
            {y: 20, color: 'blue'}
        ]
    },{
        size: '100%',
        innerSize: '90%',
        borderColor: "transparent",
        data: [
            {y: 18, color: 'gray'},
            {y: 11, color: 'orange' },
            {y: 13, color: 'yellow'},
            {y: 30, color: 'transparent'}
        ]
    }]
});
});

例 1: http://jsfiddle.net/pwUC7/1/ 例 2: http://jsfiddle.net/pwUC7/2/

4

1 に答える 1

3

バグのようですので、開発者に報告しました。

https://github.com/highslide-software/highcharts.com/issues/2012

于 2013-07-05T11:38:15.453 に答える