Basic Column Chart - CanvasJS
Basic Column Chart
HTML
<script src="https://cdn.canvasjs.com/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: "chartLable"
},
animationEnabled: true,
data: [{
dataPoints: [
{ x: 1398, y: 0.23 },
{ x: 1399, y: 0.56 },
{ x: 1400, y: 0.78 }]}],
axisY: {
titleFontFamily: "arial",
titleFontSize: 12,
includeZero: true,
labelAutoFit: true,
valueFormatString: "#,###",
},
axisX: {
titleFontFamily: "arial",
titleFontSize: 12,
includeZero: false,
valueFormatString: "####",
interval: 1,
labelAutoFit: true,
tickLength: 5
}});
chart.render();