https://github.com/chartjs/chart.barfunnel.js
Bar Funnel Chart extension for Chart.js
https://github.com/chartjs/chart.barfunnel.js
Last synced: 10 months ago
JSON representation
Bar Funnel Chart extension for Chart.js
- Host: GitHub
- URL: https://github.com/chartjs/chart.barfunnel.js
- Owner: chartjs
- License: mit
- Created: 2016-05-20T02:45:18.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2020-05-09T13:18:56.000Z (almost 6 years ago)
- Last Synced: 2025-05-05T04:36:04.977Z (12 months ago)
- Language: JavaScript
- Homepage:
- Size: 51.8 KB
- Stars: 67
- Watchers: 8
- Forks: 38
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Chart.BarFunnel.js
Provides a Bar Funnel Chart for use with [Chart.js](http://www.chartjs.org)
## Documentation
To create a Bar Funnel Chart, include `Chart.BarFunnel.js` after `Chart.js` and then create the chart by setting the `type` attribute to `'barFunnel'`
```javascript
var chart = new Chart({
type: 'barFunnel',
data: dataObject
});
```
### Configuration
The Bar Funnel chart colored region and step labels can be configured by placing options into the config that is passed to the chart upon creation.
```javascript
new Chart({
config: {
region: {
display: true,
borderColor: "#F6C85F",
backgroundColor: "rgba(246, 200, 95, 0.2)"
},
elements: {
rectangle: {
stepLabel: {
display: true,
fontSize: 20
// color: "red"
}
}
}
}
});
```
## Example
## License
Chart.BarFunnel.js is available under the [MIT license](http://opensource.org/licenses/MIT).
## Bugs & issues
When reporting bugs or issues, if you could include a link to a simple [jsbin](http://jsbin.com) or similar demonstrating the issue, that would be really helpful.