Flot.js http://www.flotcharts.org

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Graph

Bars

Categories

Pie / Doughnut

See the usage documentation at http://www.flotcharts.org

Usage


require(['jquery', 'px-libs/jquery.flot', 'px-libs/jquery.flot.resize', 'px-libs/jquery.flot.tooltip', 'px-libs/jquery.flot.categories', 'px-libs/jquery.flot.pie'], function($) {
...
});
See the documentation at https://github.com/develersrl/angular-flot

Usage

To use Flot.js plugin, you need to include the next scripts:


<script src="path/to/js/libs/jquery.flot.js"></script>
<script src="path/to/js/libs/jquery.flot.resize.js"></script>
<script src="path/to/js/libs/jquery.flot.tooltip.js"></script>
<script src="path/to/js/libs/jquery.flot.categories.js"></script>
<script src="path/to/js/libs/jquery.flot.pie.js"></script>
<script src="path/to/js/libs/angular-flot.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['angular-flot']);

Alternatively, you can include Flot.js plugin using ocLazyLoad plugin:


$ocLazyLoad.load([
  {
    serie: true,
    name: 'angular-flot',
    files: [
      'path/to/js/libs/jquery.flot.js',
      'path/to/js/libs/jquery.flot.resize.js',
      'path/to/js/libs/jquery.flot.tooltip.js',
      'path/to/js/libs/jquery.flot.categories.js',
      'path/to/js/libs/jquery.flot.pie.js',
      'path/to/js/libs/angular-flot.js',
    ],
  },
]);