Highcharts - Sunburst 파티션

Question

Highcharts로 드릴 다운 햇살 분할을 만드는 가장 좋은 방법을 알고 싶습니다. 나의 초기 접근 방식은 모든 시리즈를 렌더링하고 선택된 시리즈 (즉, 내부 시리즈 숨기기 및 남은 크기/내부 크기 변경)에 따라 즉석에서 시리즈를 변경하는 것이 었습니다. 또한 http://jsfiddle.net/abdPj/

var chart = new Highcharts.Chart({ 
    chart: { 
     type : 'pie', 
     renderTo: 'container' 
    }, 

    xAxis: { 
    }, 

    series: [{ 
     size: '30%', 
     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]   
    }, { 
     innerSize: '35%', 
     size: '60%', 
     data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]   
    }] 
}); 


// the button action 
$button = $('#button'); 
$button.click(function() { 
    var series = chart.series[0]; 

    if (series.visible) { 
     series.hide(); 
     $button.html('Show series'); 
    } else { 
     series.show(); 
     $button.html('Hide series'); 
    } 

}); 

이 100 % 확실하지 :

그러나 도넛 파이에 대한

그들을 숨길 수없는 메신저, 내가 뜻 무엇을 보여 도넛하는 원형에 대 한 작업 샘플 했다 및 수정 크기와 innerSize는 즉시 변경할 수 있습니다. 매번 보이는 모든 시리즈를 다시 그려야합니까?

Answer 1

내가 볼 당신이 그것에 대해 point.setVisible(boolean)을 사용하려는 생각 예 : http://jsfiddle.net/Fusher/abdPj/2/

Answer 2

지금이 작업을 수행하는 햇살 모듈이 당신 http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/sunburst/

<script src="https://code.highcharts.com/modules/sunburst.js"></script>