Duplicated
Last Updated: 12 Aug 2024 18:37 by Richard
Oleg
Created on: 09 Jun 2021 18:31
Category: Charts
Type: Feature Request
3
Allow Html Code in Template of ChartCategoryAxisLabel

It would be nice to be able to use Html markup in the ChartCategoryAxisLabel. 

I can see in the documentation that it currently doesn't support this. I am curious if it is possible. Thank you.

Duplicated
This item is a duplicate of an already existing item. You can find the original item here:
3 comments
Richard
Posted on: 12 Aug 2024 18:37

I have the same need but in C# Blazor pages.

https://www.telerik.com/forums/render-custom-bar-chart-axis-tick-labels

 

ADMIN
Marin Bratanov
Posted on: 13 Jun 2021 10:19

A quick follow up - perhaps something could be possible once visual templates are implemented, you can Follow that here. You can see here the jQuery wayt for that, yet I can't say if it will be applicable to Blazor - it has not been tested and I am not sure it can be supported considering that generally in Blazor you don't modify the DOM yourself If you ensure to clean it up I don't expect it to be an issue, though. If you would want to try that approach, click the Vote and Follow buttons on the Feedback Portal page for the visual template to be implemented for the Blazor charts - this will raise its priority and you will get emails for status changes (such as when we know when it will be available). Note that the Kendo drawing API may need to be fetched separately on the page (see sample project here).

--Marin

ADMIN
Marin Bratanov
Posted on: 12 Jun 2021 14:10

Hi Oleg,

The chart renders either with SVG elements, or with a <canvas> tag. Neither of them can take HTML markup to render, and so the chart labels cannot render HTML. To add new lines you can use the \n symbol.

The only place in the chart that renders actual HTML is the tooltip, and it has a template where you can add HTML and even components.

With that said, I must mark this as "declined" because technically it is not feasible to put HTML directly on the chart surface.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.