js如何以两个一维数组为横纵坐标画折线图

[xincai406]

已知两个一维数组
例如 var a = [1,2,3,4];
var b = [5,6,7,8];

该怎样以这两个一维数组为横纵坐标（1，5），（2，6），（3，7），（4，8）来画折线图呢？

[ambit_tsai-微信]

用百度的Echarts画，很方便

[xincai406]

Echarts 在云服务器上无法使用，也找不到原因。。。

[ambit_tsai-微信]

？？？Echarts泡在浏览器上，跟服务器有什么关系？

[天际的海浪]

<canvas id="canvasId" width="400" height="350"></canvas>
<script type="text/javascript">
var x = [100,300,200,50];
var y = [50,200,100,200];
var canvas = document.getElementById("canvasId");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(x[0],y[0]);
for (var i = 1; i < x.length; i++) {
	ctx.lineTo(x[i],y[i]);
}
ctx.stroke();
</script>