Canvasjs test

spine graph - https://canvasjs.com/html5-javascript-spline-chart/

by m4xout

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>

JavaScript

window.onload = function () {

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,  
	title:{
		text: "tide"
	},
	axisY: {
		title: "Height",
		valueFormatString: "#0,,.",
		suffix: "m",
		stripLines: [{
			value: 3366500,
			label: "Average"
		}]
	},
	data: [{
		yValueFormatString: "#,### Units",
		xValueFormatString: "YYYY",
		type: "spline",
		dataPoints: [
			{x: new Date(2002, 0), y: 2506000},
			{x: new Date(2003, 0), y: 4798000},
			{x: new Date(2004, 0), y: 3386000}
		]
	}]
});
chart.render();

}