Candlestick Chart

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_a = new CanvasJS.Chart('chartContainer', {
  "title": {
    "text": "Count",
  },
  "axisX": {
    "title": "Seasoning (Months)",
    "interval": 3,
  },
  "axisY": {
    "title": "Count"
  },
  data: [{
    "color": "#8bb9e1",
    "type": "column",
    "dataPoints": [{
      "x": 58,
      "y": 53
    }, {
      "x": 61,
      "y": 22
    }, {
      "x": 52,
      "y": 37
    }, {
      "x": 49,
      "y": 35
    }, {
      "x": 64,
      "y": 64
    }, {
      "x": 55,
      "y": 12
    }, {
      "x": 67,
      "y": 22
    }, {
      "x": 76,
      "y": 11
    }, {
      "x": 46,
      "y": 12
    }]
  }],
  legend: {
    'fontFamily': "ManRope",
    'fontWeight': "normal"
  }
});
chart_a.render();