하이 차트 극지 차트 사용자 정의

Question

극좌표 사용자 지정에 문제가 있습니다. 데이터 라벨을 오른쪽으로 45 ° 이동하고 싶습니다.

다음은 fiddle 그리고 이것은 내가 좀하고 싶습니다 결과입니다

1. 그것이 폴라 차트와 (이 폴라 차트이어야한다) 그렇게 할 수 있습니까?

2. 라벨 텍스트를 정의하는 올바른 방법입니까?

   var categories = ['These', 'are', 'test', 'data'], 
   count = 0; 
   /* ... */ 
       labels: { 
        formatter: function() { 
         var value = categories[count]; 
   
         count++; 
         if (count == 5) { 
          count = 0; 
         } 
   
         return value; 
        } 
       } 
   

지금까지 내가 당신에게 각도를 조작 할 수있는 기능을 제공하는 옵션 startAngle로부터가 알고

Answer 1

• 사용 xAxis.categories 대신 formatter : 당신이 원하는 동작은 두 가지의 조합이 사용자 정의 포맷터를 만드는 것보다 쉽습니다. 격자 선을 그리려는 위치에 따라 원하는 경우이 단계를 생략 할 수 있습니다. 당신의 series 옵션에서
• 이 between에 pointPlacement 설정 : 기본적으로, 포인트는 기본적으로 '북한'에 직면 배치되지만,이 옵션을 사용하여, 그들은 네 개의 값으로 그래프 (inbetween 배치됩니다, 그것은 것입니다 그들을 45도에 두십시오). 예를 들어

:

var categories = ['These', 'are', 'test', 'data'], 
count = 0; 

$('#container').highcharts({ 
    // ...   
    xAxis: { 
     // ... 
     categories: categories, 
     // ... 
    }, 
    // ... 
    series: [{ 
     // ... 
     pointPlacement: 'between', 
     // ... 
    }] 
}); 

Answer 2

, 간단하게 다음과 같이이 옵션을 추가

chart: { 
      polar: true 
     }, 
     pane: { 
      startAngle: 45, 
     }, 

     title: { 
      text: 'Highcharts Polar Chart' 
     }, 

Fiddle

Api