Ember-C3

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

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

Alternatively take a look at Ember-NVD3 for your charting needs.

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 this repository
• npm install
• ember server
• Visit your app at http://localhost:4200.

Running Tests

• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://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"