andreireitz / angular-morris-chart

wrapper of morris.js for angular 1.x

angular-morris-chart

Installation

• install angular-morris-chart by bower or npm running the following command

$ bower install angular-morris-chart --save
or
$ npm install angular-morris-chart --save

or download here

• Append the file angular-morris-chart.min.js to end of your body, after the angular lib, before your project.

<!--using bower-->
...
...
<script src="../bower_components/angular-morris-chart/src/angular-morris-chart.min.js"></script>
...
...
</body>
</html>

<!--using npm-->
...
...
<script src="../node_modules/angular-morris-chart/src/angular-morris-chart.min.js"></script>
...
...
</body>
</html>

• add angular.morris-chart as a module dependency of your app

//adding `angular.morris-chart` as a module dependency
angular.module('my.app', [
    'angular.morris-chart'
])

---

Usage

There are four directives based on morris.js

• bar-chart
• line-chart
• donut-chart
• area-chart

Check out documentation for live examples

---

Development

• install node and bower on your environment
• cd to development folder and clone repo

$ git clone https://github.com/stewones/angular-morris-chart
$ cd angular-morris-chart

• install project dependencies

$ npm install
$ bower install

• serve with live reload

#this serves docs on `http://localhost:3000` with live reload
$ gulp serve

• serve on distribution mode

#same above but with minified sources for distribution
$ gulp serve:dist

• build all to distribution

#this generates minified src at `src/angular-morris-chart.min.js`, and docs on `dist/doc` folder.
$ gulp build

• tests

#run unit test with karma
$ gulp test

• automated tests

#unit test with live reload
$ gulp test:auto

---

Notes:

• To contribute with this project, open an issue, fork the project, do your work, issue gulp build and make a PR on master. To update docs (site) make another PR on gh-pages branche with the content generated in dist/doc folder.

• Check the tasks located on gulp folder for more details.

• Changelog

Feel free to open issues if you run into a problem or if you just have suggestions. PR´s are always welcome.

---

License

The angular-morris-chart is open-sourced software licensed under MIT.