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 < 500; 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'
}]
}],
xAxis: {
binning: {
year: [],
month: [1],
day: [1],
hour: [],
minute: [],
second: [],
millisecond: []
}
}
}
}).render();