Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 25 Oct 2023 07:33 by ADMIN
Mark
Created on: 20 Oct 2023 09:14
Category: Charts
Type: Feature Request
4
Label ChartSeries group in axis separately from ChartSeries

Hi

We would like to be able to draw a label for a group of series in the chart axis while also labelling the series individually. See the following example:

In Kendo UI you can achieve this: https://dojo.telerik.com/ulIJihIF. In Blazor, we can force the text into the chart axis categories, but we cannot seem to position them accurately, REPL.

Thank you

1 comment
ADMIN
Dimo
Posted on: 25 Oct 2023 07:33

Hello Mark,

I guess this is a follow-up from this forum thread - Axis Label for each Chart Column Series in a Category Group. I revisited the Chart parameters and tags, and it turns out the Kendo UI jQuery approach is possible with the Blazor Chart too.

        <ChartSeries Type="ChartSeriesType.Column"
                     Data="@Series1Data"
                     Field="@nameof(SalesData.Revenue)"
                     CategoryField="@nameof(SalesData.TimePeriod)"
                     Name="Product 1">
            <ChartSeriesLabels Visible="true"
                               Rotation="-90" Position="@ChartSeriesLabelsPosition.InsideBase"
                               Template="seriesLabelTemplate">
                <ChartSeriesLabelsMargin Top="110" />
            </ChartSeriesLabels>
        </ChartSeries>


        <ChartCategoryAxis Type="@ChartCategoryAxisType.Date">
            <ChartCategoryAxisLabels>
                <ChartCategoryAxisLabelsMargin Top="110" />
            </ChartCategoryAxisLabels>
        </ChartCategoryAxis>

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Create an account Log In
View
Type
Status
Category