Question

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

如何使用Highcharts绘制这样的图表？

我想也许有一些方法可以结合极坐标图和饼图，但仍然没有找到如何做到这一点。

Answer 1

如何使用极坐标图表而不是组合极坐标图和饼图？我为你准备了一个例子，我正在使用四个系列。第一个已停用grouping和enableMouseTracking，并将其视为背景。我还修改了pointPadding和groupPadding，以便能够完全按照提供的图像显示系列。看一下下面的例子。

API参考：
https://api.highcharts.com/highcharts/plotOptions.column.grouping
https://api.highcharts.com/highcharts/plotOptions.column.pointPadding
https://api.highcharts.com/highcharts/plotOptions.column.groupPadding
https://api.highcharts.com/highcharts/plotOptions.series.enableMouseTracking

例：
http://jsfiddle.net/6hjefrcu/

Answer 2

问题是你是在极坐标图表之后添加饼图，而馅饼是在极地之上，所以你有2个解决方案

1.-在极坐标图之前添加饼图 2.-使用zIndex;将极坐标的zIndex设置为1，将饼图的zIndex设置为0或在代码中将饼图zIndex设置为-1

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

http://jsfiddle.net/z3Lr2z54/2/

Highchart polar与下面的额外馅饼系列

2 个答案: