DEV Community

Cover image for How to Customize the Date-Time Axis of Vue Charts
Arun for Syncfusion, Inc.

Posted on

How to Customize the Date-Time Axis of Vue Charts

Learn how easily you can add a date-time axis to the Vue charts of Syncfusion and customize it with various built-in options.

In this video, you will learn how to display date-time values on the horizontal axis using the date-time axis, along with other axis customization options. You will see the date-time axis properties with simple scenarios: how to display date-time values based on custom x-axis range values and custom intervals, and how to format the date-time value labels with custom or globalized formats. You’ll also learn how to display date-time values with nonlinear interval values in the horizontal axis using the date-time category axis.

Product overview: https://www.syncfusion.com/vue-ui-components/vue-charts

Explore our tutorial videos: https://www.syncfusion.com/tutorial-videos

Download example from GitHub link: https://github.com/SyncfusionExamples/customize-datetime-axis-in-vue-charts

Top comments (0)