Ember Chart


This Ember CLI addon is a simple wrapper for ChartJS (v2.9).

$3

- Ember.js v3.12 or above
- Ember CLI v2.13 or above
- Node.js v10 or above

$3

``
$ ember install ember-cli-chart
`

$3

In your handlebars template just do:

`hbs
{{ember-chart
type=CHARTTYPE
data=CHARTDATA
options=CHARTOPTIONS
width=CHARTWIDTH
height=CHARTHEIGHT
plugins=CHARTPLUGINS
customLegendElement=CUSTOMLEGENDELEMENT
}}
`

- CHARTTYPE: String; one of the following -- line, bar, radar, polarArea, pie or doughnut.
- CHARTDATA: Array; refer to the ChartJS documentation
- CHARTOPTIONS: Object; refer to the ChartJS documentation. This is optional.
- CHARTWIDTH: Number; pixel width of the canvas element. Only applies if the chart is NOT responsive.
- CHARTHEIGHT: Number; pixel height of the canvas element. Only applies if the chart is NOT responsive.
- CHARTPLUGINS: Array; refer to ChartJS documentaion. This is optional.
- CUSTOMLEGENDELEMENT: HTMLElement; A custom element to put a custom legend in, when using legendCallback. This is optional.

#### Example

`
{{ember-chart type='pie' data=model.chartData width=200 height=200}}
``

#### More Resources

- Screencast on creating bar charts with ember-cli-chart