Column & Number chart

Radzen.Blazor Components
1

Hi there, I am in the process of developing dashboards using Blazor and Radzen. I am particularly interested in the column & number indicators, please see attached. What is this component?

image
image725×158 6.47 KB

image
image725×158 6.47 KB

2

Hi @CoolDude,

Here is the code for those charts:

        <RadzenCard style="position: relative;">
            <RadzenText TextStyle="TextStyle.H6">Open Issues</RadzenText>
            <RadzenText TextStyle="TextStyle.H2" Class="rz-color-success" Style="position: absolute; right: 1.5rem; top: 1rem;">@openIssues?.Count()</RadzenText>
            <RadzenChart style="width: 100%; height: 120px; margin-bottom: -30px;">
                <RadzenColumnSeries Data=@openIssuesByDate ValueProperty="Count" CategoryProperty="Week" Title="Issues" Fill="var(--rz-success)" />
                <RadzenValueAxis Visible="false" />
                <RadzenCategoryAxis Visible="false" />
                <RadzenColumnOptions Margin="10" />
                <RadzenLegend Visible="false" />
            </RadzenChart>
        </RadzenCard>

And here is the complete code of the dashboard page: radzen-blazor/DashboardPage.razor at master · radzenhq/radzen-blazor · GitHub

3

@korchev Thank you. This is very helpful.