highcharts 도넛 파이 - 차트 크기를 조정 한 후 파이 크기 백분율을 계산하는 방법

Question

서로 접촉하는 두 개의 도넛 파이를 만든 후 차트의 크기를 조정하면 차트의 크기가 변경됩니다. 만약 내가 하나를 줄이면 다른 하나는 넘어지고, 나는 더 멀리 떨어지면 움직인다.

두 파이 간의 비율을 어떻게 유지합니까?

$(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/

Answer 1

그것은 벌레처럼 보이는, 그래서 우리 개발자들에게 reportoed.

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