Chartist Documentation

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">>

Charts Scripts

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);