JustInToCoding / ember-c3

:chart_with_upwards_trend: Ember addon library for C3, a D3-based reusable chart library.

Ember-C3

Ember component library for C3, a D3-based reusable chart library.

Live Demo: http://glavin001.github.io/ember-c3/

---

Installation

ember install ember-c3

Usage

For a complete example, see the dummy test app in tests/dummy/app/.

Combination
Demo: http://blog.glavin.org/ember-c3/#/

Timeseries
Demo: http://blog.glavin.org/ember-c3/#/timeseries

Gauge	Pie	Donut
Demo: http://blog.glavin.org/ember-c3/#/gauge	Demo: http://blog.glavin.org/ember-c3/#/pie	Demo: http://blog.glavin.org/ember-c3/#/donut

Basic

Where model is your C3 data:

{{c3-chart data=model}}

Advanced

See http://c3js.org/examples.html for examples of how to use C3.

{{c3-chart
  data=model
  axis=axis
  regions=regions
  bar=bar
  pie=pie
  donut=donut
  gauge=gauge
  grid=grid
  legend=legend
  tooltip=tooltip
  subchart=subchart
  zoom=zoom
  point=point
  line=line
  area=area
  size=size
  padding=padding
  color=color
  transition=transition
}}

Helpful Links

• Extending ember-c3 charts using base-component approach

Development

• git clone <repository-url> this repository
• cd ember-c3
• npm install
• bower install
• ember serve
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit https://www.ember-cli.com/.

Publishing to GitHub Pages

See https://github.com/poetic/ember-cli-github-pages

ember github-pages:commit --message "Your commit message"