Format Value in Chart

[ldubrois]

I am new to Blazor and Radzen, so please forgive me if this is something obvious.

I would like to display a Pie Chart. The chart display the storage size used by database.

I have a method to format the 'int' of number of bytes used, and the method to convert the number to a nice string (like 'xx Gb') ; but I cannot find how I can use my method in this chart.

[enchev]

The same technique can be used in your case as well:

RadzenTree question ChildrenProperty

If your class is partial you can extend it with a [NotMapped] property representing desired other property value as string.

[ldubrois]

Hi @enchev ,

thanks for your answer. I am not sure on how I could do it.

Here is my razor

                    <RadzenChart>
                        <RadzenPieSeries Data="@_collectionStorageSummaries" Title="Collections" CategoryProperty="Name" ValueProperty="Size" ColorScheme="Palette">
                            <RadzenSeriesDataLabels Visible="true" />
                        </RadzenPieSeries>
                    </RadzenChart>

And I have a dedicated class for the computed storage :

    protected class StorageSummary
    {
        public string Name { get; set; }

        public long Size { get; set; }
        
        public string SizeFriendly { get; set; }
    }

    static string ToSizeFriendly(long value)
    {
        xxxxxx
    }

I already have the property with the friendly display of the value.
My point is : How can I pass the 'int' value to the chart to have the right chart display, and pass also the friendly string, to have the labels applied to humanly understand the values.

I don't see Formatter or Template for this.

[enchev]

Get numeric value on Datalist

You need to add a new property to the class that Radzen has generated. Add a new partial class with the same name and namespace and the extra property: Create a new file in the server\Models directory e.g. Product.Partial.cs Create a partial class with the same namespace as your original one using System.ComponentModel.DataAnnotations.Schema; namespace YourAppName.Models.DataSourceName { public partial class Product { [NotMapped] // Instruct Entity Framework not to persist …

[ldubrois]

I have found another post on the forum and by looking at the code of the PieSeries on Github, I found a way :

                    <RadzenChart ColorScheme="ColorScheme.Palette">
                        <RadzenPieSeries Data="@_indexStorageSummaries" Title="Indexes" CategoryProperty="Name" ValueProperty="Size">
                            <RadzenSeriesDataLabels Visible="true"/>
                            <RadzenValueAxis Formatter="@ToSizeFriendly" />
                        </RadzenPieSeries>
                    </RadzenChart>