AnyChart Component for Ember CLI provides an easy way to use AnyChart JavaScript Charts with Ember Framework.

First, you need to download and install NodeJS if you don’t have it installed already.

To use the ember-anychart plugin, you should also have Bower and Ember CLI installed.

• npm install -g bower
• npm install -g ember-cli

You can install ember-anychart plugin using npm or yarn package managers:

• npm install -g ember-anychart
• yarn global add ember-anychart

To install ember-anychart plugin into an ember project, navigate to project directory and install the package:

• ember install --save ember-anychart
• npm install --save ember-anychart
• yarn add ember-anychart

If you installed plugin via npm or yarn then you should complete installation by generation plugin blueprint

• ember generate ember-anychart

Use the following custom element in a Handlebars template file:

// Create a simple chart using attributes
{{ember-anychart type="pie" data=someData title="My simple chart"}}

// Create a chart using chart instance
{{ember-anychart instance=model.chart}}

// Create a dashboard using a stage instance
{{ember-anychart instance=model.stage}}

// Also you can set id and class of a container where chart is placed
{{ember-anychart instance=model.chart id="chart-container" class="custom-styled-container"}}

Please see a sample applications in the ember-anychart/tests/dummy/ folder.

You should have NodeJs, Ember, and Bower installed. See Download and install.

Clone and install:

git clone https://github.com/AnyChart/AnyChart-Ember
cd AnyChart-Ember
npm install
bower install
ember server

Then open browser at http://localhost:4200

• Code in the v1.1.1 branch works with Ember version 2.10
• Code in the master branch works with Ember version 2.14 and higher

• Web: www.anychart.com
• Email: contact@anychart.com
• Twitter: anychart
• Facebook: AnyCharts
• LinkedIn: anychart

• AnyChart Website
• Download AnyChart
• AnyChart Licensing
• AnyChart Support
• Report Issues
• AnyChart Playground
• AnyChart Documentation
• AnyChart API Reference
• AnyChart Sample Solutions
• AnyChart Integrations

© AnyChart.com - JavaScript charts.