JavaScript Spline Charts & Graphs - 0 | JSFiddle Sample Code

JavaScript Spline Charts & Graphs - 0 | JSFiddle Sample Code

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-spline-chart/" target="_blank" title="JavaScript Spline Charts &amp; Graphs ">https://canvasjs.com/html5-javascript-spline-chart/</a></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,  
	title:{
		text: "Music Album Sales by Year"
	},
	data: [{
		yValueFormatString: "#,### Units",
		xValueFormatString: "YYYY",
		type: "spline",
		dataPoints: [
			{x: new Date(2002, 0), y: 0},
			{x: new Date(2003, 0), y: 0},
			{x: new Date(2004, 0), y: 0},
			{x: new Date(2005, 0), y: 100},
			{x: new Date(2005, 6), y: 100},
			{x: new Date(2006, 0), y: 100},
			{x: new Date(2007, 0), y: 100},
			{x: new Date(2008, 0), y: 100},
		]
	}]
});
chart.render();

}