Hi in my meter gauge I have to add a transparent white color

<apex:gaugeSeries dataField="size" donut="50" colorSet="#78c953, #FFFFFF" tips="true"   />

i.e. I need: colorSet= "#78c953, tranparent color"

What color code should i use?

2 Answers 2


Whether you can achieve what you want is going to depend on what colour formats the charts support. I suspect it's only going to allow hex colour codes which means you can't specify an alpha (transparency) value.

One thing to try would be using the rgba style notation: rgba(255,0,0,0.3) where the first three values are the values for red, green and blue in the range 0-255 (You'll have to convert your hex values to decimal) and then a final floating point value that ranges from 0-1 and determines transparency, with 0 being transparent and 1 being opaque.

I suspect the API won't support this format, and if the generated charts are just images then you'll be out of luck. If they're generated with elements then you might be able to use some Javascript trickery to change styles, but that would more than likely be overkill.

  • Thanks for the reply. I think I should try with javascript but don't know how can this be done. Can any body help me with this? Oct 20, 2014 at 7:42

Thanks for the reply I did some work around and got this solution.
and to make #FFFFFF transparent

.metergaugeCSS span div div svg path:nth-child(4){ opacity: 0.4; }

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .