Repeated Dates as Axis X Labels - CanvasJS Javascript Charts
Repeated Dates as Axis X Labels - CanvasJS Javascript Charts
by canvasjs
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Repeated Date-Time Chart"
},
axisX:{
title: "timeline",
labelFormatter: function (e) {
return CanvasJS.formatDate( e.label, "MMM");
}
},
axisY: {
title: "Downloads"
},
data: [
{
type: "column",
dataPoints: [//array
{ label: new Date(2012, 00, 1), y: 26},
{ label: new Date(2012, 01, 3), y: 38},
{ label: new Date(2012, 01, 3), y: 38},
{ label: new Date(2012, 03, 25), y: 53}
]
}
]
});
chart.render();