Giter Site home page Giter Site logo

prsnca / angular-morris-chart Goto Github PK

View Code? Open in Web Editor NEW

This project forked from stewones/angular-morris

0.0 2.0 0.0 1.38 MB

:coffee: wrapper of morris.js for angular 1.x

Home Page: https://angular-morris-chart.stpa.co/

Batchfile 0.18% JavaScript 28.81% CSS 65.68% HTML 5.33%

angular-morris-chart's Introduction

angular-morris-chart Build Status

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

then append angular-morris-chart.min.js in to end of body, before your project, after the angular and the other libs.

<!--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 for your app

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 your desired folder and clone angular-morris-chart repository

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

install all project dependencies

$ npm install
$ bower install

serve lib/docs with live reload

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

serve lib/docs 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

serve tests

#run unit test with karma
$ gulp test

serve automated tests

#unit test with live reload
$ gulp test:auto

Notes:

  • To contribute with this awesome project, just open an issue, then fork the project and make a new branch to do your work.

  • Run gulp build before make your PR.

  • To update docs site, just make another PR on gh-pages branch with only content generated in dist/doc. Please make sure that all tests are passing by gulp test. Verify all 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

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

angular-morris-chart's People

Contributors

rolaveric avatar leonsayshi avatar andersonkoester avatar

Watchers

James Cloos avatar Yaron avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.