HighCharts 中的饼图答案

【问题标题】：Pie of a Pie chart in HighChartsHighCharts 中的饼图
【发布时间】：2020-05-03 12:20:57
【问题描述】：

我有一个关于绘制“饼图”图表的 Highcharts 选项的问题。我需要展示类似的东西：https://www.amcharts.com/demos/pie-of-a-pie/?theme=material 我可以在 Highcharts 中做同样的事情吗？如果是，请帮忙。

如果在 High Charts 中不可能，您能否仅在 amcharts 中提供帮助？

【问题讨论】：

标签： javascript highcharts pie-chart

【解决方案1】：

是的，您可以在 Highcharts 中实现该结果。您可以使用两个pie 系列并在series.point.events.click 功能中更新其中一个。例如：

series: [{
  data: [{
    y: 1,
    details: [1, 3, 2]
  }, {
    y: 2,
    details: [4, 31, 2]
  }, {
    y: 3,
    details: [14, 3, 2]
  }],
  point: {
    events: {
      click: function() {
        var series = this.series.chart.series;

        series[1].setData(this.details.slice());
      }
    }
  },
  center: [200, 100],
  size: 200
}, {
  size: 100,
  center: [500, 100],
  data: []
}]

现场演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4996/

API 参考：

https://api.highcharts.com/highcharts/series.pie.size

https://api.highcharts.com/highcharts/series.pie.center

https://api.highcharts.com/highcharts/series.pie.point.events.click

https://api.highcharts.com/class-reference/Highcharts.Series#setData

【讨论】：