Basic Column Chart - CanvasJS JavaScript Charts
Basic Column Chart - CanvasJS JavaScript Charts
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",
{
"data": [{
"name": "minutes_avg",
"type": "column",
"color": "#C6EAB2",
"showInLegend": false,
"dataPoints": [
{
"y": 0.07847,
"x": 0
},{
"y": 0.00076,
"x": 1
}
],
}],
"axisX": [{
"labelAngle": -45,
}],
"axisY": [{
"title": "minutes_avg",
}]
}
);
chart.render();