Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dhilipsiva/ember-cli-piechart
A very simple Canvas based Ember CLI addon for creating pie charts
https://github.com/dhilipsiva/ember-cli-piechart
canvas ember ember-addon ember-cli ember-cli-piechart javascript pie-chart
Last synced: 23 days ago
JSON representation
A very simple Canvas based Ember CLI addon for creating pie charts
- Host: GitHub
- URL: https://github.com/dhilipsiva/ember-cli-piechart
- Owner: dhilipsiva
- License: mit
- Created: 2016-10-04T08:42:16.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2016-11-18T07:53:29.000Z (almost 8 years ago)
- Last Synced: 2024-10-01T08:43:33.170Z (about 1 month ago)
- Topics: canvas, ember, ember-addon, ember-cli, ember-cli-piechart, javascript, pie-chart
- Language: JavaScript
- Size: 27.3 KB
- Stars: 2
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# ember-cli-piechart
This README outlines the details of collaborating on this Ember addon.
# Usage
`ember install ember-cli-piechart`
`{{pie-chart data=model height=100 width=100}}`
where `data` is an array of `{"value", "color"}`. `height` and `width` of canvas is optional.
A valid `data` might look like this:
```
var data = [
{"value": 1, "color": "red"},
{"value": 4.5, "color": "blue"},
{"value": 2, "color": "yellow"},
{"value": 3, "color": "green"}
];
```which will render a pie chart in a canvas like this:
![ember-cli-piechart](https://raw.githubusercontent.com/dhilipsiva/ember-cli-piechart/master/ember-cli-piechart.png)
# Development
## Installation
* `git clone ` this repository
* `cd ember-cli-piechart`
* `npm install`
* `bower install`## Running
* `ember serve`
* Visit your app at [http://localhost:4200](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 [http://ember-cli.com/](http://ember-cli.com/).