Axis Padding in WinUI Chart
18 Nov 20182 minutes to read
PlotOffsetStart
The PlotOffsetStart property is used to provide padding to the axis at the start position. The following code sample demonstrates the padding applied to the start position for both x and y-axes.
<chart:SfCartesianChart>
<!-- Configure additional chart elements -->
<chart:SfCartesianChart.XAxes>
<chart:CategoryAxis PlotOffsetStart="30"/>
</chart:SfCartesianChart.XAxes>
<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis PlotOffsetStart="30"/>
</chart:SfCartesianChart.YAxes>
</chart:SfCartesianChart>SfCartesianChart chart = new SfCartesianChart();
// Configure additional chart elements
CategoryAxis primaryAxis = new CategoryAxis()
{
PlotOffsetStart = 30
};
chart.XAxes.Add(primaryAxis);
NumericalAxis secondaryAxis = new NumericalAxis()
{
PlotOffsetStart = 30
};
chart.YAxes.Add(secondaryAxis);
// Setting chart as the content of the page
this.Content = chart;
PlotOffsetEnd
The PlotOffsetEnd property is used to provide padding to the axis at the end position. The following code sample demonstrates the padding applied to the end position for both x and y-axes.
<chart:SfCartesianChart>
<!-- Configure additional chart elements -->
<chart:SfCartesianChart.XAxes>
<chart:CategoryAxis PlotOffsetEnd="30"/>
</chart:SfCartesianChart.XAxes>
<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis PlotOffsetEnd="30"/>
</chart:SfCartesianChart.YAxes>
</chart:SfCartesianChart>SfCartesianChart chart = new SfCartesianChart();
// Configure additional chart elements
CategoryAxis primaryAxis = new CategoryAxis()
{
PlotOffsetEnd = 30
};
chart.XAxes.Add(primaryAxis);
NumericalAxis secondaryAxis = new NumericalAxis()
{
PlotOffsetEnd = 30
};
chart.YAxes.Add(secondaryAxis);
// Setting chart as the content of the page
this.Content = chart;