About

ngECharts - A simple AngularJS directive for beautiful responsive ECharts

Requirement:

• AngularJS 1.x
• ECharts 2.x & 3.x

Why ECharts?

It's one of the most powerful and beautiful charts on the Internet ( See examples ).

More importantly, it's FREE! Both personal projects and commercial ones.

Demo

Get started

Install with Bower

$ bower install ngecharts --save

Usage

Add Angular, ECharts and ngECharts to your page

<script src="https://github.com/gudh/ngecharts/raw/master/bower_components/angular/angular.min.js"></script>
<script src="https://github.com/gudh/ngecharts/raw/master/bower_components/echarts/build/dist/echarts-all.js"></script>
<script src="https://github.com/gudh/ngecharts/raw/master/bower_components/ngecharts/dist/ngecharts.min.js"></script>

Add 'ngecharts' module to your Angular app

var app = angular.module('app', ['ngecharts']);

That's it! Now you can start creating beautiful charts :)

License

MIT