chartjs / Chart.BarFunnel.js

Bar Funnel Chart extension for Chart.js

Chart.BarFunnel.js

Provides a Bar Funnel Chart for use with Chart.js

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'

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.

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.

Bugs & issues

When reporting bugs or issues, if you could include a link to a simple jsbin or similar demonstrating the issue, that would be really helpful.