KevinMidboe/vue-chartjs
1
0
Fork 0
mirror of https://github.com/KevinMidboe/vue-chartjs.git synced 2025-10-29 18:00:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

📝 Add another example to readme

Browse Source
This commit is contained in:
Jakub Juszczak
2016-06-26 16:12:27 +02:00
parent 067f0be01f
commit 15b3c22a38
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
README.md
View File

@@ -6,6 +6,8 @@
You need to import the base chart class and extend it. This gives much more flexibility when working with different data. You can pass the data over props or vue-resource. You need to import the base chart class and extend it. This gives much more flexibility when working with different data. You can pass the data over props or vue-resource.
Just create your own component.
```javascript ```javascript
// CommitChart.js // CommitChart.js
import BarChart from '../BaseCharts/Bar' import BarChart from '../BaseCharts/Bar'
@@ -38,6 +40,7 @@ import CommitChart from 'path/to/component/CommitChart'
You can overwrite the default chart options. Just pass the options object as a second paramenter to the render method You can overwrite the default chart options. Just pass the options object as a second paramenter to the render method
```javascript ```javascript
// MonthlyIncome.js
import LineChart from '../BaseCharts/Line' import LineChart from '../BaseCharts/Line'
export default LineChart.extend({ export default LineChart.extend({
@@ -48,6 +51,23 @@ export default LineChart.extend({
}) })
``` ```
Use it in your vue app
```javascript
import MonthlyIncome from 'path/to/component/MonthlyIncome'
<template>
<monthly-income :data={....} />
</template>
<script>
export default {
components: { MonthlyIncome },
....
}
</script>
```
## Available ChartJ ## Available ChartJ
### Bar Chart ### Bar Chart