Back to Devexpress

DxChartSeries.Axis Property

blazor-devexpress-dot-blazor-dot-dxchartseries-515f12be.md

latest2.7 KB
Original Source

DxChartSeries.Axis Property

Specifies an axis for the series.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public string Axis { get; set; }

Property Value

TypeDescription
String

The name of an axis.

|

Remarks

Use the Axis property to specify a custom axis for the series.

razor
<DxChart Data="@SalesData">
    <DxChartTitle Text="Sales amount" />
    <DxChartValueAxis>
        <DxChartAxisLabel Format="ChartElementFormat.Percent()"></DxChartAxisLabel>
        <DxChartAxisTitle Text="Value Axis Title"></DxChartAxisTitle>
    </DxChartValueAxis>
    <DxChartValueAxis Name="TotalAxis" Alignment="ChartAxisAlignment.Far">
        <DxChartAxisTitle Text="Total Amount"></DxChartAxisTitle>
    </DxChartValueAxis>
    <DxChartArgumentAxis>
        <DxChartAxisTitle Text="Cities"></DxChartAxisTitle>
    </DxChartArgumentAxis>
    <DxChartFullStackedBarSeries Name="2017" 
                                 Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                                 SummaryMethod="Enumerable.Sum" 
                                 ArgumentField="@(s => s.City)" 
                                 ValueField="@(s => s.Amount)" />
    <DxChartFullStackedBarSeries Name="2018" 
                                 Filter="@((SaleInfo s) => s.Date.Year == 2018)"
                                 SummaryMethod="Enumerable.Sum" 
                                 ArgumentField="@(s => s.City)" 
                                 ValueField="@(s => s.Amount)" />
    <DxChartFullStackedBarSeries Name="2019" 
                                 Filter="@((SaleInfo s) => s.Date.Year == 2019)"
                                 SummaryMethod="Enumerable.Sum" 
                                 ArgumentField="@(s=> s.City)" 
                                 ValueField="@(s => s.Amount)" />
    <DxChartSplineSeries Name="Total" 
                         SummaryMethod="Enumerable.Sum"
                         ArgumentField="@((SaleInfo s) => s.City)" 
                         ValueField="@(s => s.Amount)" 
                         Axis="TotalAxis" />
</DxChart>

Run Demo: Charts - Multiple Axes

See Also

DxChartSeries Class

DxChartSeries Members

DevExpress.Blazor Namespace