 <p>Check the updated fiddle here: <a href="http://jsfiddle.net/yrzxj3x2/3/" rel="nofollow">http://jsfiddle.net/yrzxj3x2/3/</a></p> <p>You have to tell the x axis to be of type 'timeseries' and defining the format doesn't hurt. This is the bit that enabled timeseries on your chart:</p> <pre><code>axis: { x: { type: 'timeseries', tick: { format: '%Y-%m-%d' } } } </code></pre> <p>See reference on here: <a href="http://c3js.org/samples/timeseries.html" rel="nofollow">http://c3js.org/samples/timeseries.html</a></p>