Подтвердить что ты не робот

Highcharts: изменение непрозрачности столбчатой ​​диаграммы

Мне нужно изменить непрозрачность столбца в диаграмме стека при использовании highchart. Потому что мне нужен прозрачный

<script type="text/javascript">
    $(function () {
        $('#trend').highcharts({
            chart: {
                type: 'column'
            },
            title: {
                text: 'Weight Oscillation Projection'
            },
            xAxis: {
                categories: ['1st Week', '2nd Week', '3rd Week', '4th Week', '5th Week', '6th Week']
            },
            yAxis: {
                title: {
                    text: 'Weight (Kg)'
                },
                stackLabels: {
                    enabled: false,                    
                }
            },
            legend: {
                enabled: false,  
            },
            tooltip: {
                enabled: false,
            },
            plotOptions: {
                column: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: false,                        
                    }
                },                    
            },
            series: [{
                name: 'Jane',
                data: [2, 2, 3, 2, 1],                   
            }, {
                name: 'Joe',
                data: [3, 4, 4, 2, 5],
                color: '#fff',
                style: {opacity: 0.0}  
            }]
        });
    });    
</script>

Я знаю, что ряд → объект данных не имеет свойства для стиля изменения. Как мы можем это делать?

4b9b3361

Ответ 1

Используйте формат rgba, чтобы изменить непрозрачность.

Пример:

color: 'rgba(255, 255, 255, 0.50)'

Ссылка

Полупрозрачные цвета в Highcharts приведены в формате rgba rgba (255,255,255,1). Последний параметр - это альфа или непрозрачность, которая колеблется от 0, полностью прозрачная, до 1, полностью непрозрачная. Из-за этого в API Highcharts нет отдельных параметров непрозрачности.

Ответ 2

Теперь вы можете использовать это свойство, изначально доступное на старших картах. PlotOptions.Series.Opacity