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 Xamarin UI Controls

Deliver high-impact native mobile apps with our feature-rich Data Grid, Scheduler, Chart, TabView, Editors, and utility controls. Reserve your free copy today!
No Comments

Please login or register to post comments.