Blazor Column Rotated Labels Chart Example.

Charts / Bar Charts / Column Rotated Labels

This sample illustrates the profit analysis across different companies with a column chart.

Loading Syncfusion Blazor Server Demos…

In this example, you can learn how to render and configure a column chart with rotated axis labels and data labels, improving the visibility of longer text or dense data categories.

To rotate the labels on the x-axis, set the rotation angle using the LabelRotation property of the ChartPrimaryXAxis. To rotate the data labels, set the EnableRotation property to true and specify the rotation angle using the Angle property of the ChartDataLabel.

Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices.

More information about the axis labels can be found in this documentation section .

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE