/ngecharts

Light weight angular.js directive for ECharts

Primary LanguageJavaScript

About

ngECharts - A simple AngularJS directive for beautiful responsive ECharts

Requirement:

  • AngularJS 1.x
  • ECharts 2.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="bower_components/angular/angular.min.js"></script>
<script src="bower_components/echarts/build/dist/echarts-all.js"></script>
<script src="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