ember-cli-chartist
Advanced tools
Comparing version 0.2.3 to 0.2.4
{ | ||
"name": "ember-cli-chartist", | ||
"version": "0.2.3", | ||
"version": "0.2.4", | ||
"description": "Ember Addon for Chartist.js", | ||
@@ -30,3 +30,3 @@ "directories": { | ||
"ember-cli": "0.1.5", | ||
"ember-cli-content-security-policy": "0.3.0", | ||
"ember-cli-content-security-policy": "^0.3.0", | ||
"ember-cli-dependency-checker": "0.0.7", | ||
@@ -36,4 +36,4 @@ "ember-cli-esnext": "0.1.1", | ||
"ember-cli-inject-live-reload": "^1.3.0", | ||
"ember-cli-qunit": "0.1.2", | ||
"ember-cli-sass": "^3.0.3", | ||
"ember-cli-qunit": "0.1.2", | ||
"ember-data": "1.0.0-beta.12", | ||
@@ -40,0 +40,0 @@ "ember-export-application-global": "^1.0.0", |
@@ -22,3 +22,3 @@ # Chartist.js for Ember-CLI Projects | ||
The `data` attribute is the only required attribute. It's value should be an object. Check the [Chartist docs](http://gionkunz.github.io/chartist-js/getting-started.html#as-simple-as-it-can-get) for expected data structure. | ||
The `data` attribute is the only required attribute. Its value should be an object. Check the [Chartist docs](http://gionkunz.github.io/chartist-js/getting-started.html#as-simple-as-it-can-get) for expected data structure. | ||
@@ -98,8 +98,8 @@ ### Where does the data come from? | ||
You can also configure your charts for different media queries. All of the same | ||
You can also configure your charts based on media queries. The same | ||
configuration options are available, but you provide them via the `responsiveOptions` | ||
attribute. | ||
attribute. They can be used in tandem with standard `options`. | ||
``` | ||
{{chartist-chart responsiveOptions=resOpts data=model.chartData}} | ||
{{chartist-chart responsiveOptions=chartResOptions data=model.chartData}} | ||
``` | ||
@@ -139,3 +139,3 @@ | ||
If you want to import the Chartist scss into your app's scss, you will need to install | ||
If you use custom CSS, you'll likely want to import the Chartist Scss into your app's scss, you will need to install | ||
[ember-cli-sass](https://www.npmjs.com/package/ember-cli-sass). You can then import the Chartist scss with: | ||
@@ -158,4 +158,4 @@ | ||
If you need to get fancier than the options allow, or if you need to create a | ||
component of your own that uses this as a base, you're in luck. Say you want | ||
If you have needs that go beyond the standard component, or if you need to create a | ||
component of your own that uses `ChartistChart` as a base, you're in luck. Say you want | ||
to create a chart that shows Fish eaten over time. You don't want this chart | ||
@@ -213,3 +213,16 @@ tied to a specific controller, route, or model in your app. You can create a | ||
## Live examples | ||
There is an example app included in this repo in `/tests/dummy/`. It contains examples of most of the functionality described above. To view those | ||
examples you'll need to clone this repo and start the Ember cli server. | ||
``` | ||
git clone https://github.com/tylergaw/ember-cli-chartist.git | ||
cd ember-cli-chartist | ||
ember serve | ||
``` | ||
The example app will be running at [http://localhost:4200](http://localhost:4200) | ||
## Development | ||
@@ -216,0 +229,0 @@ |
@@ -9,2 +9,7 @@ /* jshint node: true */ | ||
locationType: 'auto', | ||
contentSecurityPolicy: { | ||
'style-src': "'self' 'unsafe-inline'" | ||
}, | ||
EmberENV: { | ||
@@ -11,0 +16,0 @@ FEATURES: { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
157785
51
3010
242