This is a migrated thread and some comments may be shown as answers.

Vertical Chart

2 Answers 78 Views
Chart
This is a migrated thread and some comments may be shown as answers.
n/a
Top achievements
Rank 1
n/a asked on 15 Feb 2021, 04:59 PM
I am looking for a way to implement a vertical chart. Practically rotate it 90 deg. As of now i have not found a setting for that. I am curently useing  css transform rotate. but it is very messy for me.
Exmaple attached as a file.

2 Answers, 1 is accepted

Sort by
0
Accepted
Tsvetomir
Telerik team
answered on 18 Feb 2021, 12:06 PM

Hi,

The default layout for the Kendo UI Chart widgets is horizontal. There is no property that rotates it due to the fact that the charts are effectively SVG elements. 

What I can recommend is that you actually wrap the whole widget inside a div HTML element and apply the transform CSS rule there.

https://www.w3schools.com/cssref/css3_pr_transform.asp

Let me know if additional information is needed.

 

Kind regards,
Tsvetomir
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/.

0
n/a
Top achievements
Rank 1
answered on 18 Feb 2021, 12:59 PM
[quote]Tsvetomir said:

Hi,

The default layout for the Kendo UI Chart widgets is horizontal. There is no property that rotates it due to the fact that the charts are effectively SVG elements. 

What I can recommend is that you actually wrap the whole widget inside a div HTML element and apply the transform CSS rule there.

https://www.w3schools.com/cssref/css3_pr_transform.asp

Let me know if additional information is needed.

 

Kind regards,
Tsvetomir
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/.

[/quote]

 

Thank you for the answer it confirmed the route I took from the begining.

Tags
Chart
Asked by
n/a
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
n/a
Top achievements
Rank 1
Share this question
or