RadzenRadialGauge

Radzen.Blazor Components
1

Can someone please guide me on how to change the color of the pointer? I want to change it to a different color other than black. Ideally, I wanted to make the color the same range when it points to the respective range. Example. If the value is 15, then I want the arrow to point to 15 in green.

image
image478×267 12.4 KB

2

Hi @omerfarookbe,

You can use the Fill property of RadzenRadialGaugePointer to set its color:

 <RadzenRadialGaugeScale StartAngle="-150" EndAngle="150" Step="20" Min="0" Max="260" TickPosition=@tickPosition>
     <RadzenRadialGaugeScalePointer Fill="red" Value=@value Length="0.6"  >

Use a method if you want it depend on the value:

<RadzenRadialGaugeScalePointer Fill="@GetFill(value)"

public string GetFill(double value)
{
   if (value >= 0 && value < 20)
   {
      return "green";
   }
   if (value >= 20 && value < 50)
   {
      return "yellow";
   }
   // ...
}
3

Thank you for your help @korchev