C3: Bar Chart

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: [
            ['Cash', 30, 200, 100, 400, 150, 250],
            ['Card', 130, 100, 140, 200, 150, 50],
        ],
        groups:[['Cash','Card']],
        type: 'bar'
    }, 
    tooltip : {
        contents: function (d, defaultTitleFormat, defaultValueFormat, color) {
        var total = d.reduce (function(subTotal,b) { return subTotal + b.value; }, 0);
        d.push ({value: total, id: "Total", name: "Total", x:d[0].x , index:d[0].index});
        return this.getTooltipContent(d, defaultTitleFormat, defaultValueFormat, color);
      }
    }
});