Basic Column Chart - CanvasJS
Basic Column Chart
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: "Frequency Stability"
},
axisX:{
title: "Averaging Time / s",
logarithmic: true
},
axisY:{
title: "Allan Deviation",
logarithmic: true,
valueFormatString: "0.0e+00",
maximum: 1e-4,
includeZero: false
},
data: [{
type: "line",
dataPoints: [
{x: 1.0000e+01,y: 5.4642e-13},
{x: 2.0000e+01,y: 3.1884e-13},
{x: 4.0000e+01,y: 1.8046e-13},
{x: 8.0000e+01,y: 9.9897e-14},
{x: 1.6000e+02,y: 5.3984e-14},
{x: 3.2000e+02,y: 2.9722e-14},
{x: 6.4000e+02,y: 1.6264e-14},
{x: 1.2800e+03,y: 9.6300e-15},
{x: 2.5600e+03,y: 6.4443e-15},
{x: 5.1200e+03,y: 5.2583e-15},
{x: 1.0240e+04,y: 5.2978e-15},
{x: 2.0480e+04,y: 5.6153e-15},
{x: 4.0960e+04,y: 4.8864e-15},
{x: 8.1920e+04,y: 3.8740e-15},
{x: 1.6384e+05,y: 3.3692e-15},
{x: 3.2768e+05,y: 3.4266e-15},
{x: 6.5536e+05,y: 3.7612e-15}
]
}]
});
chart.render();