Merge pull request #206 from labtocat/master

Updated docs for es-modules like VueJS to work (import correction and including css)
This commit is contained in:
Shivam Mishra 2019-05-22 11:04:45 +05:30 committed by GitHub
commit 4b6a558631
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -49,6 +49,13 @@
```js
import { Chart } from "frappe-charts"
```
...or include following for es-modules(eg:vuejs):
```js
import { Chart } from 'frappe-charts/dist/frappe-charts.esm.js'
// import css
import 'frappe-charts/dist/frappe-charts.min.css'
```
* ...or include within your HTML
@ -86,6 +93,21 @@ const chart = new frappe.Chart("#chart", { // or a DOM element,
})
```
...or for es-modules:
```js
//replace new frappe.Chart() with new Chart()
const chart = new Chart("#chart", { // or a DOM element,
// new Chart() in case of ES6 module with above usage
title: "My Awesome Chart",
data: data,
type: 'axis-mixed', // or 'bar', 'line', 'scatter', 'pie', 'percentage'
height: 250,
colors: ['#7cd6fd', '#743ee2']
})
```
If you want to contribute:
1. Clone this repo.