Blazor Column Rotated Labels Chart Example.
This sample illustrates the profit analysis across different companies with a column chart.
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 .