Skip to content

Commit 2b4a59d

Browse files
Merge pull request #1 from Ammu1492/master
Added sample
2 parents 4b90fe9 + 844553f commit 2b4a59d

File tree

12 files changed

+20073
-2
lines changed

12 files changed

+20073
-2
lines changed

README.md

Lines changed: 44 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,44 @@
1-
# customize-numeric-axis-in-vue-charts
2-
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.
1+
# How to Customize the Date-Time Axis of Vue Charts
2+
3+
A quick start Vue project that shows how to customize Syncfusion's Vue Chart component using date time axis. This project also includes a code snippet to customize its value type and range padding and format the axis labels.
4+
5+
Example :
6+
7+
https://ej2.syncfusion.com/vue/demos/#/material/chart/date-time.html
8+
9+
https://ej2.syncfusion.com/vue/demos/#/material/chart/date-time-category.html
10+
11+
Documentation: https://ej2.syncfusion.com/vue/documentation/chart/date-time-axis/
12+
13+
## Project pre-requisites
14+
15+
Make sure that you have the compatible versions of Node and Vue-Cli in your machine before starting to work on this project.
16+
17+
## How to run this application?
18+
19+
To run this application, you need to first clone the `customize-datetime-axis-in-vue-charts` repository and then navigate to its appropriate path where it has been located in your system.
20+
21+
To do so, open the command prompt and run the below commands one after the other.
22+
23+
```
24+
git clone vue-example
25+
26+
cd vue-example
27+
```
28+
29+
## Installing
30+
31+
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.
32+
33+
```
34+
npm install
35+
```
36+
37+
## Running on development server
38+
39+
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.
40+
41+
## Further help
42+
43+
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).
44+

babel.config.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

jsconfig.json

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
{
2+
"compilerOptions": {
3+
"target": "es5",
4+
"module": "esnext",
5+
"baseUrl": "./",
6+
"moduleResolution": "node",
7+
"paths": {
8+
"@/*": [
9+
"src/*"
10+
]
11+
},
12+
"lib": [
13+
"esnext",
14+
"dom",
15+
"dom.iterable",
16+
"scripthost"
17+
]
18+
}
19+
}

0 commit comments

Comments
 (0)