1024pix / ember-cli-chartjs

A simple ember component for adding Charts

Home Page:https://www.npmjs.org/package/ember-cli-chart

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ember Chart

npm version Build Status Ember Observer Score Ember badge

This Ember CLI addon is a simple wrapper for ChartJS (v2.1.6). This addon uses Ember-CLI v2.6.2.

Installation

$ ember install ember-cli-chartjs

Usage

In your handlebars template just do:

{{ember-chart type=CHARTTYPE data=CHARTDATA options=CHARTOPTIONS width=CHARTWIDTH height=CHARTHEIGHT}}
  • 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.

Example

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

About

A simple ember component for adding Charts

https://www.npmjs.org/package/ember-cli-chart

License:MIT License


Languages

Language:JavaScript 93.2%Language:HTML 6.4%Language:CSS 0.4%