C3.js http://c3js.org

C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart.

Line

Spline

Area

Bar

Scatter

Pie / Donut

Gauge

See the usage documentation at http://c3js.org

Usage


require(['c3'], function(c3) {
  ...
});
See the documentation at https://github.com/jettro/c3-angular-directive

Usage

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


<script src="path/to/js/libs/d3.js"></script>
<script src="path/to/js/libs/c3.js"></script>
<script src="path/to/js/libs/c3-angular.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['gridshore.c3js.chart']);

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


$ocLazyLoad.load([
  {
    serie: true,
    name: 'gridshore.c3js.chart',
    files: [
      'path/to/js/libs/d3.js',
      'path/to/js/libs/c3.js',
      'path/to/js/libs/c3-angular.js',
    ],
  },
]);