DxChartFullStackedLineSeries<T, TArgument, TValue> Class

Defines a full stacked line series.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

public class DxChartFullStackedLineSeries<T, TArgument, TValue> :
    DxChartLineSeriesBase<T, TArgument, TValue>

Type Parameters

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

Remarks

Full stacked line series display values as percentages (you need to add more than one series of this type). The topmost series is always a horizontal line at 100%.

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

1. Use the DxChart.Data property to specify a data source.
2. Add a DxChartFullStackedLineSeries object to chart markup.
3. Use series ArgumentField and ValueField properties to specify data source fields that supply arguments and values for chart points.
4. Optional. Specify series Filter and SummaryMethod properties to filter and aggregate series values.

The following code snippet filters data by region. It also groups arguments by date and calculates aggregate values using the Enumerable.Sum method. For a sample data source, refer to our GitHub repository.

@inject ISalesInfoDataProvider Sales

<DxChart Data="@ChartsData"
         Width="100%"
         LabelOverlap="ChartLabelOverlap.Hide">
    <DxChartFullStackedLineSeries 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)" />
    </DxChartFullStackedLineSeries>
    <DxChartFullStackedLineSeries 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)" />
    </DxChartFullStackedLineSeries>
    <DxChartFullStackedLineSeries 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)" />
    </DxChartFullStackedLineSeries>
    <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 Line 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>

DxChartLineSeriesBase<T, TArgument, TValue>

DxChartFullStackedLineSeries<T, TArgument, TValue>