DevExtreme Charts - Axis Label Customization (v20.2)

DevExtreme Team Blog
08 December 2020

You can now customize axis labels via custom templates for major axis tick labels. To deliver a more refined and intuitive user experience, use the power of SVG markup to define your custom label template. For instance, the screenshot below uses a custom axis label template to draw each nation’s flag alongside country name.

Configuration

To specify a custom label template, use the `valueAxis.label.template` option for the Chart’s value axis and the `argumentAxis.label.template` option for the argument axis. If you need to apply the same template to both axis simultaneously, you can use a single `commonAxisSettings.label.template` option instead.

Note, this new feature is available for all DevExtreme Chart series types.

Try It Today

Please refer to our new Chart axis label customization demo to explore this feature in greater detail.

Feedback

As always, we welcome your feedback. If you have any questions or suggestions, feel free to leave a comment below or submit a support ticket via our Support Center.

Free DevExpress Products – Get Your Copy Today

The following free DevExpress product offers remain available. Should you have any questions about the free offers below, please submit a ticket via the DevExpress Support Center at your convenience. We’ll be happy to follow-up.
No Comments

Please login or register to post comments.