Как передать результат SQL на график ниже?

Question

Привет, следующий код, который я использую в asp. net blazor (компонент страницы Razor и пакет radzen для этой диаграммы).

Я хочу передать результат хранимой процедуры sql как данные линейной диаграммы источник. Как присвоить этому результат sql. Пожалуйста, помогите сгенерировать динамическую c диаграмму.

Я использую Visual Studio 2019 и установил Asp. net ядро ​​3.1 и пакет Radzen.Blazor в моем проекте.

@page "/"
@using System.Globalization


@using Data.DashBoard
@inject CustomerClaimService CC

<h1>Customer complaint</h1>
<div class="row">
    <div class="col-md-6 col-sm-12 p-4">

        <RadzenChart>
            <RadzenLineSeries Smooth="@smooth" Data="@Claim2018" CategoryProperty="ClaimMonths" Title="2018" LineType="LineType.Dashed" ValueProperty="TotalClaims">
                <RadzenMarkers MarkerType="MarkerType.Square" />
            </RadzenLineSeries>
            <RadzenLineSeries Smooth="@smooth" Data="@Claim2019" CategoryProperty="ClaimMonths" Title="2019" ValueProperty="TotalClaims">
                <RadzenMarkers MarkerType="MarkerType.Circle" />
            </RadzenLineSeries>
            @*<RadzenCategoryAxis Padding="20" FormatString="{0:MMM}" />
        <RadzenValueAxis Formatter="@FormatAsUSD">
            <RadzenGridLines Visible="true" />
            <RadzenAxisTitle Text="Revenue in USD" />
        </RadzenValueAxis>*@
        </RadzenChart>
    </div>
</div>
@code {

    IEnumerable<CustomerClaim> claimall;   

    bool smooth = true;
    class DataItem
    {
        public int ClaimMonths { get; set; }
        public int TotalClaims { get; set; }
    }

    
    string FormatAsUSD(object value)
    {
        return ((double)value).ToString("C0", CultureInfo.CreateSpecificCulture("en-US"));
    }



    DataItem[] Claim2019 = new DataItem[] {


        new DataItem
        {
            ClaimMonths =1,
            TotalClaims=5
        },
         new DataItem
        {
            ClaimMonths = 2,
            TotalClaims=7
        },
          new DataItem
        {
            ClaimMonths = 3,
            TotalClaims=3
        },
    };

    

    DataItem[] Claim2018 = new DataItem[] {
        new DataItem
        {
            ClaimMonths = 1,
            TotalClaims=9
        },
         new DataItem
        {
            ClaimMonths = 2,
            TotalClaims=12
        },
          new DataItem
        {
            ClaimMonths = 3,
            TotalClaims=8
        }
    };

    
}