FusionTime - day binning

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Simple implementation of the Bar 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

var data = [],
  chart;
var n = new Date();
for (let index = 0; index < 100; index++) {
let d = new Date(n);
  data.push([d, Math.floor((Math.random() * 1000) + 1)]);
  n.setDate(n.getDate() + 1);
}
var schema = [{
  "name": "Time",
  "type": "date"
}, {
  "name": "Value",
  "type": "number"
}];

var fusionTable = new FusionCharts.DataStore().createDataTable(data, schema);

chart = new FusionCharts({
  type: 'timeseries',
  renderAt: 'chart-container',
  width: "90%",
  height: 600,
  dataSource: {
    data: fusionTable,
    chart: {
      exportEnabled: 1,
    },
    yAxis: [{
      plot: [{
        value: 'Value',
        connectNullData: true,
        type: 'column',
        aggregation: "Last"
      }]
    }],
    xAxis: {
      binning: {
        year: [],
        month: [],
        day: [1,5],
        hour: [],
        minute: [],
        second: [],
        millisecond: []
      }
    }
  }
}).render();