c3 - JSON data with timeseries and date filter
Display only the first of the month
by Simon Price
HTML
<script src="https://rawgit.com/masayuki0812/c3/master/c3.js"></script>
<link rel="stylesheet" href="https://rawgit.com/masayuki0812/c3/master/c3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<div id="chart"></div>
JavaScript
var d = new Array()
d.push({ Area: "Bretton",
January: 77,
February: 12,
March: 55,
April: 34,
May: 24,
June: 46,
July: 1,
August: 32,
September: 55,
October: 24,
November: 57,
December: 24});
d.push({ Area: "DartFord",
January: 21,
February: 14,
March: 23,
April: 43,
May: 22,
June: 55,
July: 21,
August: 38,
September: 45,
October: 11,
November: 63,
December: 23});
var months = new Array();
months.push("January");
months.push("February");
months.push("March");
months.push("April");
months.push("May");
months.push("June");
months.push("July");
months.push("August");
months.push("September");
months.push("October");
months.push("November");
months.push("December");
console.log(d)
var chart = c3.generate({
bindto: '#chart',
data: {
columns: [
[
d[0].Area,
d[0].January,
d[0].February,
d[0].March,
d[0].April,
d[0].May,
d[0].June,
d[0].July,
d[0].August,
d[0].September,
d[0].October,
d[0].November,
d[0].December
],
[
d[1].Area,
d[1].January,
d[1].February,
d[1].March,
d[1].April,
d[1].May,
d[1].June,
d[1].July,
...