We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Adding opacity to a NeedlePointer (or a ghost needle to the SfCircularGauge)


I want to add a ghost needle to my circular gauge.
I was thinking using many NeedlePointer and using opacity to make my ghost needle more and more transparent. 

The NeedlePointer do not have the Opacity properties.

There is way to control the opacity of a NeedlePointer? 

Of course, if you can help to implement a ghost needle by another way, I will be happy too : )



3 Replies

SP Sivakumar Punniya Moorthi Syncfusion Team January 28, 2016 10:12 AM UTC

Hi Phil,

Thank you for using Syncfusion products.

We have analyzed your requirement of setting opacity for Needle Pointer in CircularGauge control. Currently, there is no such property available to customize the opacity of needle pointer, but it can be achieved by set Alpha value for the Color property of Pointer. Please refer the below code snippet,
Code Snippets:


Color firstNeedlePointerColor = Color.Blue;

double opacity = 0.2;

 // A from RGBA denotes alpha(opacity) value for the color

 needlePointer1.Color = Color.FromRgba(firstNeedlePointerColor.R,             firstNeedlePointerColor.G, firstNeedlePointerColor.B, opacity);

We have prepared a sample for the same, please find the sample below,

Sample: CircularGauge_Opacity

In the above sample, we have set alpha value properties for multiple pointer in circular gauge control.

If the provided solution doesn’t meet your requirement, please revert us back with more information, so that we could analyze on it and provide you better solution.

Sivakumar P

PB Philippe Bourque January 28, 2016 03:17 PM UTC

Hello Sivakumar, 

Thanks for the quick answer.
Your snippet code is working perfectly! 


SP Sivakumar Punniya Moorthi Syncfusion Team January 29, 2016 04:48 AM UTC

Hi Phil,

Thanks for your update.     

We are glad to know that you have met your requirement. Please let us know if you need any further assistance.

Sivakumar P

Live Chat Icon For mobile
Up arrow icon