Description
c3 is a D3-based reusable chart library that enables deeper integration of charts into web applications.
Initialization
Initialize the plugin by referencing the necessary files:
<script src="chartist.min.js"></script>
<link rel="stylesheet" type="text/css" href="chartist.min.css">>
Basic usage may look something like this.
var data = {
// A labels array that can contain any sort of values
labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
// Our series array that contains series objects or in this case series data arrays
series: [
[5, 2, 4, 2, 0]
]
};
// Create a new line chart object where as first parameter we pass in a selector
// that is resolving to our chart container element. The Second parameter
// is the actual data object.
new Chartist.Line('.ct-chart', data);
Refer following links for usage:
| Type | URL |
|---|---|
| Plugin Github Page | https://github.com/gionkunz/chartist-js |
| Template Page | https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/chartist.html |