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. Explore our tutorial videos: https://www.syncfusion.com/tutorial-v... Download example from GitHub link: https://github.com/SyncfusionExamples... TRIAL LICENSE KEY: If you need a trial license key, start your Vue trial from https://www.syncfusion.com/account/ma... under your Syncfusion account. Then you can obtain your trial license key from the downloads page. Check if you are eligible for a free license for all Syncfusion products on our Community License page. BOOKMARK DETAILS --------------------- [00:00] Introduction [01:16] Add date-time axis [03:55] Format x-axis label [04:12] Set custom range for x-axis [04:42] Add custom interval for x-axis [05:54] Set range padding [06:29] Add date-time category axis VUE CHARTS --------------------- Product overview: https://www.syncfusion.com/vue-ui-com... Example : https://ej2.syncfusion.com/vue/demos/... https://ej2.syncfusion.com/vue/demos/... Documentation: https://ej2.syncfusion.com/vue/docume... Download free trial: https://www.syncfusion.com/downloads/... NuGet package: https://www.npmjs.com/package/@syncfu... SUBSCRIBE -------------- Syncfusion on YouTube: http://bit.ly/syncfusionyoutube Sign up to receive email updates: http://bit.ly/syncfusionemail SOCIAL COMMUNITY ----------------------------- Facebook: / syncfusion Twitter: / syncfusion LinkedIn: / syncfusion Instagram: / syncfusion #vuecomponents #vuecharts #charts
