Highcharts Highchart polar，下面有其他饼图系列

我正在尝试将旧的图表渲染引擎更新为Highcharts

我如何用海图绘制这样的海图

---

我认为可能有某种方法可以将极坐标图和饼图结合起来，但仍然无法找到如何做到这一点。

问题是，您在极坐标图之后添加饼图，饼图位于极坐标图之上，因此您有两种解决方案

1.-在极坐标图之前添加饼图 2.与zIndex一起玩；将polar的zIndex设置为1，将饼图的zIndex设置为0，或者在代码中将饼图的zIndex设置为-1

chartRender.addSeries({
  name: 'score-template',
  type: 'pie',
  slice: false,
  pointPlacement: 'between',
  data: [
      50, 80, 30
  ],
  zIndex: -1
});

---

问题是，在极坐标图之后添加饼图，饼图位于极坐标图之上，因此有两种解决方案

1.-在极坐标图之前添加饼图 2.与zIndex一起玩；将polar的zIndex设置为1，将饼图的zIndex设置为0，或者在代码中将饼图的zIndex设置为-1

chartRender.addSeries({
  name: 'score-template',
  type: 'pie',
  slice: false,
  pointPlacement: 'between',
  data: [
      50, 80, 30
  ],
  zIndex: -1
});

---

不使用极坐标图和饼图，而只使用极坐标图如何？我为您准备了一个示例，其中我使用了四个系列。第一个已禁用

分组

和

启用移动跟踪

，并将其视为背景。我还修改了

pointPadding

和

groupPadding

，以便能够像所提供的图像中那样精确地显示序列。看看下面的例子

API参考：

示例：

---

不使用极坐标图和饼图，而只使用极坐标图如何？我为您准备了一个示例，其中我使用了四个系列。第一个已禁用

分组

和

启用移动跟踪

，并将其视为背景。我还修改了

pointPadding

和

groupPadding

，以便能够像所提供的图像中那样精确地显示序列。看看下面的例子

API参考：

示例：

---

以此为例：在此处检查我的代码，馅饼始终位于顶部。。。我不能为饼图设置“高度”，也不能确定我是否在正确的轨道上。为饼图系列设置

zIndex

，并将其放在下面。谢谢你，伊沃登！这可能有助于解决问题，但d_paul有一个比我们更好的解决方案。。。我不能为饼图设置“高度”，也不能确定我是否在正确的轨道上。为饼图系列设置

zIndex

，并将其放在下面。谢谢你，伊沃登！这可能有助于解决问题，但杜保罗有一个比我们更好的解决方案。非常感谢，这正是我所需要的，杜保罗大师：）非常感谢，这正是我所需要的，杜保罗大师：）