Angular 9 Highcharts - 当使用系列类型饼和类型规的时候，饼的内部尺寸无法工作。

Question

当我更新到hicharts v8.0.1后，"饼 "系列的innerSize与 "规 "系列一起使用时，没有任何作用。关于这一点，有什么解决办法吗？

唯一的想法，似乎工作是降级，但我不想这样做。

 pane: {
    center: ['50%', '75%'],
    size: '125%',
    startAngle: -90,
    endAngle: 90,
  },
  plotOptions: {
    pie: {
      dataLabels: {
        connectorWidth: 0,
        style: { fontWeight: 'medium', color: '#4A4A4A' },
        formatter: function(): any {
          return this.point.options.name;
        },
        distance: -1,
        y: -20,
        x: -3,
      },
      startAngle: -90,
      endAngle: 90,
      innerSize: '65%',
      center: ['50%', '85%'],

    },
    gauge: {
      dataLabels: {
        enabled: false,
      },
      dial: {
        radius: this.chartSizeOptions.dialRadius,
      },
    },

  },
  chart: {
    type: 'gauge',
  },
series: [
    {
      type: 'pie',
      innerSize: '60%',
      size: '140%',
      keys: ['y', 'id', 'color', 'name'],
      data: seriesData,
      enableMouseTracking: false,
    },
    {
      type: 'gauge',
      name: '% over/under goal',
      animation: false,
      data: [this.calculateGaugePoint(goalCostDiffPct)],
    },
  ],
};

这是我需要的

这是我得到的

我发现这个例子 http:/jsfiddle.netymf2zzn11 为了看到这个问题

Answer 1

这看起来像是一个Highcharts的bug，所以我在这里报告了它。https:/github.comhighchartshighchartsissues13629

这个问题从8.0.1版本开始出现，所以作为一个变通办法，你可以使用8.0.0版本。