DxChartFullStackedAreaSeries<T, TArgument, TValue> Class

Defines a full stacked area series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartFullStackedAreaSeries<T, TArgument, TValue> :
    DxChartAreaSeriesBase<T, TArgument, TValue>

Type Parameters

Name	Description
T	The data type.
TArgument	The argument type.
TValue	The value type.

Remarks

The full stacked area series displays the percentage value of multiple area series for each argument.

Follow the steps below to create a full stacked area series:

1. Use the DxChart.Data property to specify an IEnumerable<T> data source.
2. Add a DxChartFullStackedAreaSeries object to chart markup.
3. Use series ArgumentField and ValueField properties to specify data source fields that contain arguments and values for chart points.

For a sample data source, refer to our GitHub repository.

@inject ISalesInfoDataProvider Sales

<DxChart Data="@ChartsData"
         Width="100%"
         LabelOverlap="ChartLabelOverlap.Hide">
    <DxChartFullStackedAreaSeries Name="North America"
                                  T="SaleInfo"
                                  TArgument="DateTime"
                                  TValue="int"
                                  ArgumentField="si => new DateTime(si.Date.Year, si.Date.Month, 1)"
                                  ValueField="si => si.Amount"
                                  SummaryMethod="Enumerable.Sum"
                                  Filter='si => si.Region == "North America" '
                                  HoverMode="ChartContinuousSeriesHoverMode.None">
        <DxChartSeriesPoint Visible=ShowSeriesPointMarkers
                            HoverMode="ChartSeriesPointHoverMode.None" />
        <DxChartSeriesLabel Visible=ShowSeriesLabels
                            ValueFormat="ChartElementFormat.Thousands(1)" />
    </DxChartFullStackedAreaSeries>
    <DxChartFullStackedAreaSeries Name="Europe"
                                  T="SaleInfo"
                                  TArgument="DateTime"
                                  TValue="int"
                                  ArgumentField="si => new DateTime(si.Date.Year, si.Date.Month, 1)"
                                  ValueField="si => si.Amount"
                                  SummaryMethod="Enumerable.Sum"
                                  Filter='si => si.Region == "Europe" '
                                  HoverMode="ChartContinuousSeriesHoverMode.None">
        <DxChartSeriesPoint Visible=ShowSeriesPointMarkers
                            HoverMode="ChartSeriesPointHoverMode.None" />
        <DxChartSeriesLabel Visible=ShowSeriesLabels
                            ValueFormat="ChartElementFormat.Thousands(1)" />
    </DxChartFullStackedAreaSeries>
    <DxChartFullStackedAreaSeries Name="Asia"
                                  T="SaleInfo"
                                  TArgument="DateTime"
                                  TValue="int"
                                  ArgumentField="si => new DateTime(si.Date.Year, si.Date.Month, 1)"
                                  ValueField="si => si.Amount"
                                  SummaryMethod="Enumerable.Sum"
                                  Filter='si => si.Region == "Asia" '
                                  HoverMode="ChartContinuousSeriesHoverMode.None">
        <DxChartSeriesPoint Visible=ShowSeriesPointMarkers
                            HoverMode="ChartSeriesPointHoverMode.None" />
        <DxChartSeriesLabel Visible=ShowSeriesLabels
                            ValueFormat="ChartElementFormat.Thousands(1)" />
    </DxChartFullStackedAreaSeries>
    <DxChartLegend Position="RelativePosition.Outside"
                   HorizontalAlignment="HorizontalAlignment.Right" />
@* ... *@
</DxChart>
@* ... *@
@code {
    IEnumerable<SaleInfo> ChartsData;

    [Parameter] public bool ShowSeriesPointMarkers { get; set; }
    [Parameter] public bool ShowSeriesLabels { get; set; }

    protected override async Task OnInitializedAsync() {
        ChartsData = await Sales.GetSalesAsync();
    }
}

Run Demo: DxChart - Full Stacked Area Series

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

IChartSeries

IChartSeriesBase

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.Internal.IXYChartSeriesModel>

DxComplexSettingsComponent<DxChartSeries, DevExpress.Blazor.Internal.IXYChartSeriesModel>

DxChartSeries

DxChartXYSeries<T, TArgument, TValue, TValue>

DxChartAreaSeriesBase<T, TArgument, TValue>

DxChartFullStackedAreaSeries<T, TArgument, TValue>