|
1 | | -# customize-numeric-axis-in-vue-charts |
| 1 | +# How to Customize the Numeric Axis of Vue Charts |
| 2 | + |
2 | 3 | A quick start Vue project that shows how to customize Syncfusion's Vue Chart component using numeric Axis. This project also includes a code snippet to display data items based on custom x-axis range values and custom intervals, formatting numeric value labels with custom formats or globalized formats, and adding range padding to the horizontal axis. |
| 4 | + |
| 5 | +Examples: https://ej2.syncfusion.com/vue/demos/#/material/chart/numeric.html |
| 6 | + |
| 7 | +Documentation: https://ej2.syncfusion.com/vue/documentation/chart/numeric-axis/ |
| 8 | + |
| 9 | + |
| 10 | +## Project pre-requisites |
| 11 | + |
| 12 | +Make sure that you have the compatible versions of Node and Vue-Cli in your machine before starting to work on this project. |
| 13 | + |
| 14 | +## How to run this application? |
| 15 | + |
| 16 | +To run this application, you need to first clone the `customize-numeric-axis-in-vue-charts` repository and then navigate to its appropriate path where it has been located in your system. |
| 17 | + |
| 18 | +To do so, open the command prompt and run the below commands one after the other. |
| 19 | + |
| 20 | +``` |
| 21 | +git clone vue-example |
| 22 | + |
| 23 | +cd vue-example |
| 24 | +``` |
| 25 | + |
| 26 | +## Installing |
| 27 | + |
| 28 | +Once done with downloading, next you need to install the necessary packages required to run this application locally. The `npm install` command will install all the needed Vue packages into your current project and to do so, run the below command. |
| 29 | + |
| 30 | +``` |
| 31 | +npm install |
| 32 | +``` |
| 33 | + |
| 34 | +## Running on development server |
| 35 | + |
| 36 | +Run `npm run serve` command for a dev server. Navigate to `http://localhost:8080/`. The app will automatically reload if you change any of the source files. |
| 37 | + |
| 38 | +## Further help |
| 39 | + |
| 40 | +To get more help on the vue CLI use go check out the [Vue-Cli README](https://github.com/vuejs/vue-cli/blob/master/README.md). |
| 41 | + |
0 commit comments