Javascript Highcharts:更改柱形图的不透明度
使用highchart时,我需要更改堆栈图中列的不透明度。因为我需要透明Javascript Highcharts:更改柱形图的不透明度,javascript,css,highcharts,Javascript,Css,Highcharts,使用highchart时,我需要更改堆栈图中列的不透明度。因为我需要透明 <script type="text/javascript"> $(function () { $('#trend').highcharts({ chart: { type: 'column' }, title: { text: 'Weight Osci
<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上本机提供的此属性。
也适用于系列折线图。干杯。如果你想让传奇有不透明的颜色,但填充有透明的颜色,这是行不通的。对于面积图,可以使用
fillOpacity