RadzenChart Orientation

[AdamSchumph]

Hello Radzen peoples!

I am wondering if there is a way to adjust the orientation of the RadzenChart so that the Categories could be on the Y-Axis and the values could be on the X-Axis?

The business case is to display metrics over the course of a 16-hour work day. Displaying the time series (category) on the Y-Axis would greatly improve readability on cell phones.

Here's an image of the graph using the current behaviour:

Here's a hacked version of that same image showing how I would like to see the data:

I have tried to accomplish this task manually by swapping the Category and Value properties, but the underlying data creates an graph that just doesn't work...

Thanks for your assistance and great product!

Adam

[korchev]

Hi @AdamSchumph,

No, you cannot rotate a chart like that. The position of the value and category axes cannot swap.

[AdamSchumph]

Could it be embedded into a div/panel/container that rotates it 90 degree?

[korchev]

Hi @AdamSchumph,

You can try with css transform: rotate(90deg) but I am not sure the result would be the desired one - the text will also rotate and would become unreadable.

[AdamSchumph]

Thanks for the tip!

I still believe an "Orientation" setting on RadzenChart would be ideal, but since that doesn't exist I'll investigate both CSS Transform and applying a mathematical transformation to the data set.

[korchev]

@AdamSchumph

I still believe an "Orientation" setting on RadzenChart would be ideal

Unfortunately this is easier said than done. Such a property would require a substantial change in the layout and rendering implementation.

[AdamSchumph]

Thanks for your assistance!