DxPolarChartArgumentAxis Class

Defines a Polar Chart’s argument axis.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxPolarChartArgumentAxis :
    DxChartAxisBase<PolarChartArgumentAxisModel>,
    IModelProvider<ChartAxisLabelBaseModel>

Remarks

You can use properties of the DxChartAxisBase<T> and DxPolarChartArgumentAxis objects to configure argument axis settings and appearance.

The following code snippet customizes the argument axis:

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),
            };
        }
    }

Nested Axis Components

You can add the following child components to an argument axis:

DxPolarChartAxisLabel

Defines settings for axis labels.

DxChartAxisTick

Stores the appearance settings of major axis ticks.

DxChartAxisMinorTick

Stores the appearance settings of minor axis ticks.

DxChartConstantLine

Specifies an axis constant line.

The following example demonstrates components of the argument axis:

@using System.Drawing

<DxPolarChart T="DataItem" Data=@data>
    <DxPolarChartArgumentAxis Period="720"
                              Inverted="true"
                              StartAngle="90"
                              TickInterval="45">
        <DxChartConstantLine Value="15" />
        <DxPolarChartAxisLabel IndentFromAxis="15" />
        <DxChartAxisTick Color="Color.Purple" />
        <DxChartAxisMinorTick Visible="true" />
    </DxPolarChartArgumentAxis>
    @* ... *@
</DxPolarChart>

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.Internal.PolarChartArgumentAxisModel>

DxComplexSettingsComponent<DxChartAxisBase<DevExpress.Blazor.Internal.PolarChartArgumentAxisModel>, DevExpress.Blazor.Internal.PolarChartArgumentAxisModel>

DxChartAxisBase<DevExpress.Blazor.Internal.PolarChartArgumentAxisModel>

DxPolarChartArgumentAxis