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",

{
    "id": "",
    "queryType": "search",
    "zoomEnabled": false,
    "zoomType": "",
    "toolTip": {
        "shared": false,
        "backgroundColor": "rgba(17, 27, 39, 0.8)",
        "animationEnabled": false,
        "cornerRadius": 3,
        "borderThickness": 0,
        "fontColor": "rgb(255, 255, 255)"
    },
    "backgroundColor": "transparent",
    "data": [{
        "name": "_avg",
        "type": "column",
        "showInLegend": true,
        "xValueType": "dateTime",
        "dataPoints": [{
            "x": 1532076300000,
            "y": 2197
        }, {
            "x": 1532076600000,
            "y": 17246.5
        }, {
            "x": 1532076900000,
            "y": 20522.16216
        }, {
            "x": 1532077200000,
            "y": 14034.48148
        }, {
            "x": 1532077500000,
            "y": 14228.79245
        }, {
            "x": 1532077800000,
            "y": 12573.48889
        }, {
            "x": 1532078100000,
            "y": 15476.86538
        }, {
            "x": 1532078400000,
            "y": 21290.65789
        }, {
            "x": 1532078700000,
            "y": 19710.46341
        }, {
            "x": 1532079000000,
            "y": 18427.82979
        }, {
            "x": 1532079300000,
            "y": 12885
        }, {
            "x": 1532079600000,
            "y": 19288.39394
        }, {
            "x": 1532079900000,
            "y": 11137.34314
        }],
        "axisYType": "primary",
        "axisYIndex": 0
    }, {
        "name": "_count",
        "type": "column",
        "color": "#A5CEE4",
        "showInLegend": true,
        "xValueType": "dateTime",
        "dataPoints": [{
            "x": 1532076300000,
            "y": 1
        }, {
            "x": 1532076600000,
            "y": 46
        }, {
            "x": 1532076900000,
            "y": 37
        }, {
            "x": 1532077200000,
            "y": 54
       ...