highcharts - 원형 차트를 확대 할 수 있습니까?

Question

원형 차트에서 슬라이스를 확대 할 수 있는지 궁금합니다.

내 차트는이 예 jsfiddle example

chart: { 
      renderTo: 'container', 
      type: 'area', 
      zoomType: 'x', 
     } 

을 모델로하지만 원형 차트와 함께 작동하지 않습니다. 내가 여기서 뭔가를 놓치고 있니? 이상적으로, 2 층의 파이 차트가 있는데, 바깥 쪽 레이어는 내부 레이어의 하위 레이어 역할을합니다. 아이 슬라이스를 선택할 때, 그때 자신의 아이들과 함께 혼자 슬라이스 전체 파이 차트를 보여주는 등을 가질 수

의 속성은 당신에게 보여로

Answer 1

Unfortunaltely 줌 원형 차트에 사용할 수 없습니다

X : x 축 y를 확대하기 : y 축 XY에 확대 : 모두

축하지만 줌을 보여주기 위해 자바 스크립트 size 속성을 사용할 수 있습니다 확대 할 수 있습니다. size property demo

Answer 2

실제로 내가 찾고있는 것을 발견했다고 생각합니다. 확대/축소가 아니라 슬라이스에서 클릭 이벤트를 캡처하는 옵션입니다. 그런 다음 클릭을 캡처하기 위해

plotOptions: { 
    pie: { 
     shadow: false, 
     allowPointSelect: true, 
    }, 
} 

:

그렇게하기 위해, 하나는이 같은 파이 차트 (여러 가지 방법 중 하나에 불과)에 추가 할 수있는 allowPointSelect 속성을 사용해야합니다 series에서 events 속성 사용을 선언한다 :

series: [{ 
    name: 'Example', 
    data: [ 
     { 
      name: 'Firefox', 
      value: 45.0 
     }, 
     { 
      name: 'IE', 
      value: 26.8 
     }, 
     { 
      name: 'Chrome', 
      value: 12.8, 
     }, 
    ], 
    size: '100%', 
    point: { 
     events: { 
      click: function() { 
       // some code to execute when clicking a slice 
       alert('Slice name: ' + this.name + ' and value: ' + this.value); 
      } 
     } 
    } 
}] 

이어서 그 클릭 기능을 실행할 수있는 자바 스크립트 코드 및 데이터 필드 선언

에도 액세스 할 수있다. 따라서 두 번째 파이 차트는 이론적으로 즉석에서 생성 될 수 있습니다.