JavaScript Line Charts & Graphs - 0 | JSFiddle Sample Code

JavaScript Line Charts & Graphs - 0 | JSFiddle Sample Code

by nehamahajan

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div style="margin-top:16px;color:dimgrey;font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;">Source: <a href="https://canvasjs.com/html5-javascript-line-chart/" target="_blank" title="JavaScript Line Charts &amp; Graphs ">https://canvasjs.com/html5-javascript-line-chart/</a></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	theme: "light2",
	title:{
		text: "Simple Line Chart"
	},
  axisX:{
   minimum: new Date(1659326400000),
   //minimum: new Date(1660017600000),
   //maximum: new Date(1660104000000),
   //interval: 1,
   intervalType: 'day'
 },
	data: [{        
		type: "line",
      	indexLabelFontSize: 16,
		dataPoints: [
    /*{x: new Date(1660003200000),
    y:1},
    {x: new Date(1660089600000),
    y:2}*/
    {x: new Date(1660017600000),
    y: 0}/*,
    {x: new Date(1660104000000),
    y:2}*/
		]
	}]
});
chart.render();

}