DxChartCommonSeries<T, TGroup, TValue, TArgument>.SeriesTemplate Property

Specifies a series template.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public RenderFragment<ChartSeriesSettings<T, TGroup, TValue, TArgument>> SeriesTemplate { get; set; }

Property Value

Type	Description
RenderFragment<ChartSeriesSettings<T, TGroup, TValue, TArgument>>	The template content.

Remarks

Use the template’s context parameter to access the series settings (a ChartSeriesSettings object).

@inject ISalesInfoDataProvider Sales

<DxChart @ref="@chart"
         Data="@chartData"
         LabelOverlap="ChartLabelOverlap.Hide"
         Width="100%">

    <DxChartTitle Text="Sales amount, $" />

    <DxChartCommonSeries SummaryMethod="Enumerable.Sum"
                         NameField="@((SaleInfo s) => s.Date.Year)"
                         ArgumentField="@((SaleInfo s) => s.City)"
                         ValueField="@((SaleInfo s) => s.Amount)">
        <SeriesTemplate Context="settings">
            @if (settings.GroupKey == 2019) {
                <DxChartLineSeries Name='Last year'
                                   Settings="@settings" />
            }
            else {
                <DxChartBarSeries Settings="@settings">
                    <DxChartSeriesLabel Visible="true" />
                </DxChartBarSeries>
            }
        </SeriesTemplate>
    </DxChartCommonSeries>

</DxChart>

Run Demo: Charts - Autogenerated Series