DxPolarChartArgumentAxis.OriginValue Property

Specifies the origin value used as zero on the argument axis.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int OriginValue { get; set; }

Property Value

Type	Description
Int32	The origin value.

Remarks

The origin is the initial value that starts the argument axis scale. The Polar Chart calculates the origin value automatically based on the lowest series argument. You can use the OriginValue property to adjust the axis scale origin.

The following code snippet sets OriginValue to 30:

Razor

 <DxPolarChart Data=@DataSource>
     <DxChartLegend Visible="false" />
     <DxPolarChartArgumentAxis Inverted="true"
                               StartAngle="90" 
                               TickInterval="30" 
                               OriginValue="30" />
     <DxPolarChartLineSeries ArgumentField="@((DataPoint i) => i.X)"
                             ValueField="@((DataPoint i) => i.Y)"/>
 </DxPolarChart>

 @code {
    IEnumerable<DataPoint> DataSource = Enumerable.Empty<DataPoint>();

    protected override void OnInitialized () {
        DataSource = ChartContinuousDataProvider.GenerateData();
    }
}

DataPoint.cs

using System;
using System.Runtime.InteropServices;

namespace BlazorDemo.Data {
// ...
    public class DataPoint {
        public double X { get; }
        public double Y { get; }

        public DataPoint(double x, double y) {
            X = x;
            Y = y;
        }
    }
}

ChartContinuousDataProvider.cs

using System.Collections.Generic;
using BlazorDemo.Data;

// ...
    public class ChartContinuousDataProvider : IChartContinuousDataProvider {
        public List<DataPoint> GenerateData() {
            return new List<DataPoint>() {
                new DataPoint(0, 0),
                new DataPoint(30, 1.7),
                new DataPoint(45, 0),
                new DataPoint(60, 1.7),
                new DataPoint(90, 0),
                new DataPoint(120, 1.7),
                new DataPoint(135, 0),
                new DataPoint(150, 1.7),
                new DataPoint(180, 0),
                new DataPoint(210, 1.7),
                new DataPoint(225, 0),
                new DataPoint(240, 1.7),
                new DataPoint(270, 0),
                new DataPoint(300, 1.7),
                new DataPoint(315, 0),
                new DataPoint(330, 1.7),
                new DataPoint(360, 0),
            };
        }
    }