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", {
    "animationEnabled": true,
    "animationDuration": 400,
    "axisX": {
        "gridColor": "#CCC",
        "gridThickness": 0,
        "labelAngle": 0,
        "labelAutoFit": false,
        "labelFontSize": 14,
        "labelFontColor": "#CCC",
        "lineColor": "#7F8185",
        "lineThickness": 2,
        "tickColor": "transparent",
        "tickLength": 10
    },
    "axisY": {
        "gridColor": "#CCC",
        "gridThickness": 1,
        "labelAngle": 0,
        "labelAutoFit": false,
        "labelFontSize": 14,
        "labelFontColor": "#CCC",
        "lineColor": "#7F8185",
        "lineThickness": 0,
        "tickColor": "transparent",
        "tickLength": 0
    },
    "backgroundColor": "transparent",
    "data": [
        {
            "name": "Number of Sessions",
            "type": "line",
            "color": "#47B07B",
            "dataPoints": [
                {
                    "x": 1575187200000,
                    "y": 0
                },
                {
                    "x": 1577865600000,
                    "y": 4
                }
            ]
        }
    ],
});

chart.render();