c3 - JSON data with timeseries and date filter
Display only the first of the month
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 chartOptions = {
element: 'chart',
data: {
"rows":[["0-1","2-3","4-5","6","7"],[25,56,14,2,1],[6,66,27,0,0],[0,70,30,0,0],[27,54,14,5,0],[0,54,30,8,8],[29,64,7,0,0]],
"type":"bar",
"groups":[["0-1","2-3","4-5","6","7"]],
"order":false
},
axis: {"x":{
"type":"category",
"categories":["Whole List","committed","community","congregation","core","crowd"]},
"y":{"padding":{"top":0}}},
stacked: true,
size: {"height":300}
}
var chart = c3.generate(chartOptions);