P ie диаграммы P ie в HighCharts

Question

У меня есть вопрос, касающийся опции Highcharts для построения графика "p ie -of-ap ie". Мне нужно показать что-то похожее на это: https://www.amcharts.com/demos/pie-of-a-pie/?theme=material Могу ли я сделать то же самое в Highcharts? Если да, пожалуйста, помогите.

Если это невозможно в High Charts, можете ли вы помочь только в амхартах?

Answer 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