Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:更改柱形图的不透明度_Javascript_Css_Highcharts - Fatal编程技术网

Javascript Highcharts:更改柱形图的不透明度

Javascript Highcharts:更改柱形图的不透明度,javascript,css,highcharts,Javascript,Css,Highcharts,使用highchart时,我需要更改堆栈图中列的不透明度。因为我需要透明 <script type="text/javascript"> $(function () { $('#trend').highcharts({ chart: { type: 'column' }, title: { text: 'Weight Osci

使用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>

$(函数(){
美元(“#趋势”)。高位图表({
图表:{
类型:“列”
},
标题:{
文本:“权重振荡投影”
},
xAxis:{
类别:[“第一周”、“第二周”、“第三周”、“第四周”、“第五周”、“第六周”]
},
亚克斯:{
标题:{
正文:“重量(Kg)”
},
堆叠标签:{
启用:false,
}
},
图例:{
启用:false,
},
工具提示:{
启用:false,
},
打印选项:{
专栏:{
堆叠:“正常”,
数据标签:{
启用:false,
}
},                    
},
系列:[{
姓名:'简',
数据:[2,2,3,2,1],
}, {
名字:'乔',
数据:[3,4,4,2,5],
颜色:“#fff”,
样式:{不透明度:0.0}
}]
});
});    
我知道series->data对象没有用于更改样式的属性。我们怎么能做这样的事情呢

使用更改不透明度

例如:

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

参考文献

Highcharts中的半透明颜色以rgba格式rgba(255255,1)给出。最后一个参数是alpha或不透明度,范围从0(完全透明)到1(完全不透明)。因此,Highcharts API中没有单独的不透明度选项


您现在可以使用highcharts上本机提供的此属性。

也适用于系列折线图。干杯。如果你想让传奇有不透明的颜色,但填充有透明的颜色,这是行不通的。对于面积图,可以使用
fillOpacity