Blazor Column Rotated Labels Chart Example.
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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.
See also: