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="chartContainer3" style="height: 360px; width: 100%;"></div>

JavaScript

loadChart = function() {
				var  year = document.getElementById('files').sYear.value;
				var dimen = document.getElementById('files').dimension.value;
				var month = document.getElementById('files').sMonth.value;
				resetTimeout();
           var request = new XMLHttpRequest();

 
    request.open("GET", './noOfReceipts.htm?year='+year+'&month='+month+'&dimension='+dimen);

    request.onreadystatechange = function() {
        
        if(this.readyState === 4 && this.status === 200) {
            
            document.getElementById("chartContainer3").innerHTML = this.responseText;
        }
    };

    // Sending the request to the server
    request.send();
			}