C3Js Row data example

An example of how to use c3js row data

by Daniel Buttery

HTML

<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<div id="chart"></div>

JavaScript

var chart = c3.generate({
    data: {
        columns: [
					['Jim', 300, 500, 20, 0, 0, 0],
					['Bob', 100, 50, 120, 0, 80, 20],
					['Dan', 200, 700, 100, 100, 90, 500],
					['Steve', 0, 0, 0, 0, 100, 10],
					['Ned', 12, 89, 90, 56, 60, 120]
        ],
        type: 'area-spline'
    },
    axis: {
        y: {
            padding: {bottom: 0},
            min: 0
        },
        x: {
            padding: {left: 0},
            min: 0,
            show: false
        }
    }
    
});