cancel
Showing results for 
Search instead for 
Did you mean: 

Set Opacity of columns in a column chart

Silutions
9 - Travel Pro
9 - Travel Pro

Anyone have a script to do this?

I've tried the script below but it does not function for series0 on my widget:

widget.on("beforeviewloaded", function(w, args){
args.options.series[0].fillOpacity: 0.5
}
);
 
I've also tried just "opacity" without success.  Works on the HightCharts demo, but not in Sisense.
Grateful for any assistance., Jim
2 ACCEPTED SOLUTIONS

harikm007
9 - Travel Pro
9 - Travel Pro

@Silutions Here is an alternate way to set opacity of column/bar chart

 

widget.on('ready', function(se,ev){
	
 opacity = '0.3'

 $('.highcharts-series-group .highcharts-series', element).css('fill-opacity', opacity) //change opacity of bars
 $('.highcharts-legend .highcharts-legend-item', element).css('fill-opacity', opacity) //change opacity of legend

});

 

 

View solution in original post

harikm007,

Works like a champ.  Thanks so much.

Regards, Jim

View solution in original post

2 REPLIES 2

harikm007
9 - Travel Pro
9 - Travel Pro

@Silutions Here is an alternate way to set opacity of column/bar chart

 

widget.on('ready', function(se,ev){
	
 opacity = '0.3'

 $('.highcharts-series-group .highcharts-series', element).css('fill-opacity', opacity) //change opacity of bars
 $('.highcharts-legend .highcharts-legend-item', element).css('fill-opacity', opacity) //change opacity of legend

});

 

 

View solution in original post

harikm007,

Works like a champ.  Thanks so much.

Regards, Jim

View solution in original post