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="chart1"></div>
<div id="chart2"></div>

JavaScript

var chartOptions = {
  bindto: '#chart1',
  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":200}
}

var chart = c3.generate(chartOptions);

chartOptions['bindto'] = '#chart2'

chartOptions['data']['rows'][0] = ["0-1","2-3","4-5", "6 ", "7 "];
chartOptions['data']["groups"] = [["0-1","2-3","4-5","6 ", "7 "]];

var chart2 = c3.generate(chartOptions);