Showing seconds in indexLabel using indexLabelFormatter - CanvasJS JavaScript Charts
Showing seconds in indexLabel using indexLabelFormatter - 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: "Demo of indexLabelFormatter"
},
axisY: {
title: "Duration in Minutes"
},
axisX: {
title: "Events"
},
data: [
{
type: "column",
indexLabelFormatter: function(e) {
return (e.dataPoint.y * 60) + " Seconds";
},
dataPoints: [
{ label: "Event A", y: 71 },
{ label: "Event B", y: 55 },
{ label: "Event C", y: 50 },
{ label: "Event D", y: 65 }
]
}
]
});
chart.render();