Непрозрачность круговой диаграммы 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>

Я что-то упустил?Пожалуйста помоги.Заранее спасибо

Answer 1

Вы можете изменить свойство opacity в состоянии inactive:

plotOptions: {
    pie: {
        states: {
            inactive: {
                opacity: 1
            }
        },
        ...
    }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/05qwthgz/

Справочник по API: https://api.highcharts.com/highcharts/series.pie.states.inactive.opacity