Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Set bubble transparency in Highcharts?

Is there a way to influence the transparency of the bubbles in Highcharts bubble charts? I was looking for a configuration comparable to area fillColor, but didn't find one.

I tried using rgba colors for the series, like so:

       series: [{
        color: "rgba(255,0,0,0.5)",
        data: [ 

but that only made the border semi transparent.

Edit: I just tried to use marker fillColor:

series: [{
        color: "rgba(255,0,0,1)",
        marker: {
            fillColor: "rgba(255,0,0,0.1)"
        },

but that doesn't influence the transparency

like image 750
Koos Avatar asked Jun 06 '26 09:06

Koos


1 Answers

You can use fillOpacity parameter,

marker: {
          fillOpacity:0.3
        }

http://jsfiddle.net/g8JcL/116/

like image 160
Sebastian Bochan Avatar answered Jun 08 '26 00:06

Sebastian Bochan