0.4.0 • Published 6 years ago

alyne-ember-c3 v0.4.0

Weekly downloads
69
License
MIT
Repository
github
Last release
6 years ago

Ember-C3

npm version Join the chat at https://gitter.im/Glavin001/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/#/
image
Timeseries
Demo: http://blog.glavin.org/ember-c3/#/timeseries
ember-c3-timeseries-4
GaugePieDonut
Demo: http://blog.glavin.org/ember-c3/#/gaugeDemo: http://blog.glavin.org/ember-c3/#/pieDemo: http://blog.glavin.org/ember-c3/#/donut
ember-c3-gauge-2ember-c3-pie-1ember-c3-donut-1

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

Development

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"