Highcharts极坐标图定制

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; 
        } 
       } 
   

Answer 1

获取你想要的行为是两种东西的组合：

• 使用xAxis.categories，而不是formatter：这是不是创建一个自定义的格式更容易。 如果喜欢取决于要绘制网格线的位置，则可以省略此步骤。
• 在你series选项，设置pointPlacement到between：默认情况下，积分将在默认情况下面临“北”放置，但应在启用该选项，他们将被放置其间（对于图形具有四个值，它会把它们放在45度）。

例如：

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

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

Answer 2

据我知道有一个选项由startAngle，让你操控的角度能力，只需添加此选项是这样的：

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

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

Fiddle

Api