[Parameter]
public Expression<Func<T, bool>> Filter { get; set; }

@inject ISalesInfoDataProvider Sales
    <DxChart Data="@chartsData"
             Width="100%"
             LabelOverlap="ChartLabelOverlap.Hide">
        <DxChartAreaSeries 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)" />
        </DxChartAreaSeries>
        <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();
    }
}