Skip to content

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

License

Notifications You must be signed in to change notification settings

esthervillars/ember-c3

 
 

Repository files navigation

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
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
ember-c3-gauge-2 ember-c3-pie-1 ember-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

  • git clone this repository
  • npm install
  • bower 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"

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 69.9%
  • HTML 30.1%