How to display logarithmic scale in WinUI radial gauge control?
This article describes how to add a logarithmic axis to the Syncfusion WinUI Radial Gauge control.
Step 1: To add the logarithmic scale, first create a custom axis class by extending it from RadialAxis class.
C#
public class RadialAxisExt : RadialAxis
{
}
Step 2: To change the text value of the labels to the logarithmic label format, override the GenerateVisibleLabels method in the custom axis class.
C#
public override List<AxisLabelData> GenerateVisibleLabels()
{
List<AxisLabelData> customLabels = new List<AxisLabelData>();
var _minimum = (int)logBase(this.Minimum, 10);
var _maximum = (int)logBase(this.Maximum, 10);
for (var i = _minimum; i <= _maximum; i++)
{
int value = (int)Math.Floor(Math.Pow(10, i));// logBase value is 10
AxisLabelData label = new AxisLabelData
{
Value = value,
Text = value.ToString()
};
customLabels.Add(label);
}
labelsCount = customLabels.Count;
return customLabels;
}
double logBase(double value, double baseValue)
{
return Math.Log(value) / Math.Log(baseValue);
}
Step 3: To find the axis coefficient values based on the respective logarithmic value, override the ValueToCoefficient method of custom axis class and implement the below logic for converting the values.
C#
public override double ValueToCoefficient(double value)
{
return logBase(value, 10) / (labelsCount - 1);
}
Step 4: Now, create the Radial Gauge control by referring the getting started link and using the custom radial axis extended from the radial axis.
XAML
<gauge:SfRadialGauge> <gauge:SfRadialGauge.Axes> <local:RadialAxisExt Minimum="1" Maximum="10000"> </local:RadialAxisExt> </gauge:SfRadialGauge.Axes> </gauge:SfRadialGauge>
Step 5: Include the NeedlePointer to point the desired value.
XAML
<local:RadialAxisExt.Pointers> <gauge:NeedlePointer Value="1000" /> </local:RadialAxisExt.Pointers>
Output
View the sample in GitHub.
See also
How to create an application using the WinUI Radial Gauge?
How to customize Axis Label using Label Prepared Event?
How to customize Needle Pointer?
How to position and customize annotations?
Conclusion
I hope you enjoyed about how to How to display a logarithmic scale in WinUI radial gauge control.
You can refer to our WinUI Radial Gauge feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our WinUI Radial Gauge example to understand how to create and manipulate data. For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
