Forum Discussion

Silutions's avatar
Silutions
ETL
01-09-2022
Solved

Set Opacity of columns in a column chart

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].fillOpaci...
dashboards & reporting
  • harikm007's avatar
    harikm007
    01-10-2022

    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

});

     

     

  • Silutions's avatar
    Silutions
    01-10-2022

    harikm007,

    Works like a champ.  Thanks so much.

    Regards, Jim

harikm007's avatar
harikm007
Data Warehouse
01-10-2022

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

});

 

 

Silutions's avatar
Silutions
ETL
01-10-2022

harikm007,

Works like a champ.  Thanks so much.

Regards, Jim