Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tobiaslins/frappe-charts-react-example
Example how to use frappe-charts with react
https://github.com/tobiaslins/frappe-charts-react-example
Last synced: 17 days ago
JSON representation
Example how to use frappe-charts with react
- Host: GitHub
- URL: https://github.com/tobiaslins/frappe-charts-react-example
- Owner: tobiaslins
- Created: 2017-11-02T21:15:28.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2020-10-09T12:44:05.000Z (about 4 years ago)
- Last Synced: 2024-10-03T12:38:29.501Z (about 1 month ago)
- Language: JavaScript
- Size: 211 KB
- Stars: 34
- Watchers: 4
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frappe Charts with React
Copy the react component as in `chart.js`
And now include and use the created React component (dont forget to include the
css):```jsx
import Chart from './chart'
import 'frappe-charts/dist/frappe-charts.min.css'```
## Configuring
Every property of frappe-chart is set automatically if its set on the react
component Example:```jsx
...```
## Click handler
If you provide a property called `onSelect` you will receive events on click
(only barchart)