在JavaScript中，你可以使用canvas库来创建折线图。以下是一个简单的示例：

```javascript // 获取canvas元素 var canvas = document.getElementById('myCanvas');

// 获取canvas的宽高 var canvasWidth = canvas.width; var canvasHeight = canvas.height;

// 创建一个新的canvas实例 var ctx = canvas.getContext('2d');

// 创建一个折线图的样式 var lineStyle = { lineCap: 'round', lineWidth: 1 };

// 创建折线图的数据 var data = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 绘制折线图 ctx.beginPath(); ctx.moveTo(10, 5); for (var i = 0; i < data.length; i++) { ctx.lineTo(data[i], 10); } ctx.closePath(); ctx.stroke();

// 清除canvas ctx.clearRect(0, 0, canvasWidth, canvasHeight); ```

在这个示例中，我们首先获取了canvas元素和它的宽度和高度。然后，我们创建了一个新的canvas实例，并设置了折线图的样式。接着，我们创建了一个折线图的数据，包括一些点的坐标。最后，我们绘制了折线图，并清除了canvas。

注意，这个示例中的折线图是水平的。如果你想让它是垂直的，你可以在折线图的x轴上添加一些坐标，然后改变ctx.moveTo()的参数。