Javascript highcharts极坐标图，单独移动标签以适应小空间

我有一个极坐标图，我试图移动x轴上四个标签中的两个。它是一个狭窄空间中的菱形，因此左右两侧的标签被切掉。我试着移动他们，但我无法让他们移动。我正试图将标签1类和3类向下移动30像素，并向中心移动约100像素

标签代码

  xAxis: {
   categories: ['Category 1', 'Category 2', 'Category 3', 'Category 4'],
   tickmarkPlacement: 'on',
   lineWidth: 0,
   labels: {
   style: { fontSize: '150%',
},
},
},

拨弄

---

我从中查看了，但我很难理解它。

因为只有一个系列，所以我认为唯一的解决方案是使用以下CSS代码：

.highcharts-xaxis-labels text:nth-child(1), .highcharts-xaxis-labels text:nth-child(3){
   transform: translate(0,47px); !important;
}

这并不完美，但很有效

---

您可以使用

图表.marginLeft

和

图表.marginRight

属性来定义图表容器的侧边距。请看下面的代码和示例：

chart: {
   polar: true,
   type: 'line',
   marginLeft: 100,
   marginRight: 100,
   style: {
    fontFamily: 'Georgia',
   }
}

实例：

API参考：

---

亲切的问候

您使用饼图查看的小提琴可以工作，因为饼图的每个部分都有自己的系列，可以自定义。由于您在同一系列中有所有的点，Core972的答案是一个很好的解决方法。谢谢，但这也使图表变小了，这是我无法做到的。不过，我学到了一些新东西。