HighCharts中的饼图的饼图

问题描述 投票:0回答:1

我对用于绘制“饼图”图表的Highcharts选项有疑问。我需要显示与以下内容类似的内容:https://www.amcharts.com/demos/pie-of-a-pie/?theme=material我可以在Highcharts中做同样的事情吗?如果是,请提供帮助。

如果无法在“高位图表”中使用,请问您是否只能在救护车上提供帮助?

javascript highcharts pie-chart amcharts4
1个回答
0
投票

是的,您可以在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

© www.soinside.com 2019 - 2024. All rights reserved.