Change Marker Opacity In A Scatter Chart
The widget script below can be used to change the opacity of scatter chart markers, either for specific series (colors) or for the entire chart (Last Tested on 7.1.1.10089).
//Series you want to adjust. Leaving this array empty will adjust all series in he chart.
var categoriesToChange = [];
//Opacity value between 0 (completely transparent) and 1 (completely solid)
var opacity = 0.1;
widget.on('beforeviewloaded',function(se,ev){
// if the array is empty, change opacity for all categories
if(categoriesToChange.length === 0){
ev.options.series.forEach(function(ser){
if (ser.marker){
ser.marker.fillOpacity = opacity;
}
})
}
else {
categoriesToChange.forEach(function(category){
var ser = ev.options.series.find(function(s){
return s.name.toLowerCase() === category.toLowerCase();}
);
if (ser.marker){
ser.marker.fillOpacity = opacity;
}
})
}
})
1 comment
JoshG
·3 years agoHello,
Is it possible to set the opacity of the items that are NOT selected? I currently have users with difficulty seeing the colors for the non-selected items in a scatter chart due to their opacity. Thank you!