Typically, scaling for the chart bounds is within a single quadrant, but some scenarios demand scaling across the quadrants. To achieve this requirement with the chart, adjust the position of axis by using the Origin and ShowAxisNextToOrigin properties. The Origin property manages the axis position and represents the axis value. When this is the primary axis, the corresponding axis is positioned on the secondary axis according to the Origin property's value. You also have to enable the ShowAxisNextToOrigin property to enable the Origin property to work.
For CategoryAxis, specify the label index as a value for the Origin property as given in the following code example. This value is not a pixel value, but it is an axis value.
<syncfusion:SfChart.PrimaryAxis> <syncfusion:CategoryAxis Origin="137" ShowAxisNextToOrigin="True" EdgeLabelsDrawingMode="Shift"/> </syncfusion:SfChart.PrimaryAxis> <syncfusion:SfChart.SecondaryAxis> <syncfusion:NumericalAxis Origin="2" ShowAxisNextToOrigin="True" EdgeLabelsDrawingMode="Shift"/> </syncfusion:SfChart.SecondaryAxis>
this.sampleChart.PrimaryAxis = new CategoryAxis(); this.sampleChart.PrimaryAxis.Origin = 137; this.sampleChart.PrimaryAxis.ShowAxisNextToOrigin = true; this.sampleChart.SecondaryAxis = new NumericalAxis(); this.sampleChart.SecondaryAxis.Origin = 2; this.sampleChart.SecondaryAxis.ShowAxisNextToOrigin = true;
The following screenshot illustrates the chart with four quadrants.
This page will automatically be redirected to the sign-in page in 10 seconds.