When I move the radial pointer, I want the color between the starting point and the radial pointer to change but I couldn't find any information about the situation in the datasheet. I would be glad if you can help about this issue.
<syncfusion:SfRadialSlider
x:Name="Dimming"
Width="150"
Height="150"
VerticalAlignment="Top"
Background="{x:Null}"
EndAngle="30"
Foreground="White"
InnerRimFill="{x:Null}"
InnerRimStroke="{x:Null}"
Maximum="100"
Minimum="0"
OuterRimStrokeThickness="5"
SmallChange="1"
OuterRimStroke="#565656"
StartAngle="150"
TickFrequency="10"
ValueChanged="Dimming_ValueChanged"
Value="{Binding ElementName=txt_DimVal, Path=Text, Mode=TwoWay}">
<syncfusion:SfRadialSlider.PreviewPointerStyle>
<Style TargetType="syncfusion:RadialPreviewPointer">
<Setter Property="Visibility" Value="Collapsed" />
</Style>
</syncfusion:SfRadialSlider.PreviewPointerStyle>
<syncfusion:SfRadialSlider.LabelTemplate>
<DataTemplate>
<TextBlock Text="{Binding}" Foreground="DodgerBlue"></TextBlock>
</DataTemplate>
</syncfusion:SfRadialSlider.LabelTemplate>
<syncfusion:SfRadialSlider.TickTemplate>
<DataTemplate>
<Border Background="#00a7df"/>
</DataTemplate>
</syncfusion:SfRadialSlider.TickTemplate>
<syncfusion:SfRadialSlider.PointerStyle>
<Style TargetType="syncfusion:RadialPointer">
<Setter Property="Height" Value="20" />
<Setter Property="Width" Value="20" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="syncfusion:RadialPointer">
<Ellipse
Margin="43,2,0,5"
Fill="#00a7df" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</syncfusion:SfRadialSlider.PointerStyle>
</syncfusion:SfRadialSlider>