Javascript 如何在highchart中增加圆环图中的大小切片？

您能告诉我如何在鼠标悬停事件的highchart中增加圆环图中的大小切片吗

我试着这样做

point.update({
 //  color: (that !== point) ? 'grey' : point.options.origColor
   color: (that !== point) ? Highcharts.Color(point.color).setOpacity(0.3).get()  : point.options.origColor,
   size:'20%'
}, false, false);

但它不工作这里是我的代码

 mouseOver: function (e) {
    console.log(this)
    var that = this;
    console.log(e);
    if(this.series.chart.series[0].data.indexOf(this)!=-1){
        return
    }

    this.series.chart.series[1].points.forEach(function (point) {
           point.update({
             //  color: (that !== point) ? 'grey' : point.options.origColor
               color: (that !== point) ? Highcharts.Color(point.color).setOpacity(0.3).get()  : point.options.origColor,
               size:'20%'

           }, false, false);
    });
    this.series.chart.redraw();
    that.series.dataLabelsGroup.hide();
    that.connector.show();
    that.dataLabel.show();
 },

请检查此链接 当你悬停的时候，切片的大小是增加的。我们可以这样做吗

---

任何更新

通过设置状态，只能与链接中的图表产生类似的效果。悬停选项-请参见示例