canvas实现折点图，并有鼠标hover样式

1、直接上图，看最终样式

2、html代码

<div class="myCanvas-cont">
		<canvas id="myCanvas" width="1100" height="500">
		您的浏览器暂不支持canvas
		</canvas>
	</div>

3、js代码

$(function(){

	var c=document.getElementById("myCanvas");
	var cxt=c.getContext("2d");

	/*开始绘制外边框*/
	cxt.beginPath();
	cxt.strokeStyle   = '#cdc9c4';
	cxt.lineWidth = 4;
	cxt.moveTo(100,400);
	cxt.lineTo(1020,400);
	cxt.stroke();

	cxt.beginPath();
	cxt.strokeStyle   =