Highchart的饼图不透明度在悬停时发生变化

Question

我有一个饼图，其功能现在可以正常工作。问题在于它的显示。当我将鼠标悬停在饼图的一个部分上时，饼图的其他部分的不透明度变低。如下所示

我的脚本在这里：

<script type="text/javascript">

var data = <?php echo json_encode($json_data) ?>

data.forEach(function(el) {

el.name = el.label;

el.y = Number(el.value);

});

Highcharts.chart('userpie', {

chart: {

    plotBackgroundColor: null,

    plotBorderWidth: null,

    plotShadow: false,

    type: 'pie'

},

title: {

    text: undefined

},

credits: {

  enabled: false

},

exporting: { enabled: false } ,

tooltip: {

    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'

},

plotOptions: {

    pie: {

        allowPointSelect: true,

        cursor: 'pointer',

         showInLegend: true,

        dataLabels: {

            enabled: true,

            format: '<b>{point.name}</b>: {point.percentage:.1f} %',

            style: {

                color: (Highcharts.theme && 

Highcharts.theme.contrastTextColor) || 'black'

            }

        }

    }

},

series: [{

    name: 'Users',

    colorByPoint: true,

    data: data

}]

});

</script>

我在想什么吗？请帮忙。提前致谢