How to Convert Axis and Pixel Values in .NET MAUI Chart

18 Nov 20181 minute to read

SfCartesianChart offers two utility methods to transform a pixel into a chart point and vice-versa.

• ValueToPoint(ChartAxis axis, double value) - Converts the data point value to the screen point.
• PointToValue(ChartAxis axis, double x, double y) - Converts the screen point to the chart value.

Prerequisite: Ensure that the required NuGet package is installed, the necessary namespaces are imported, and the SfCartesianChart control is properly configured in your application. For detailed setup and configuration instructions, refer to the Getting Started guide.

C#

if (chart is SfCartesianChart cartesianChart)
{
    // Convert screen point to chart point.
    var xValue = cartesianChart.PointToValue(cartesianChart.XAxes[0], pointX, pointY);
    var yValue = cartesianChart.PointToValue(cartesianChart.YAxes[0], pointX, pointY);

    // Convert chart point to screen point.
    var xPoint = cartesianChart.ValueToPoint(cartesianChart.XAxes[0], xValue);
    var yPoint = cartesianChart.ValueToPoint(cartesianChart.YAxes[0], yValue);
}