js怎么画折线图

1、首先新建一个HTML页面，并加入HTML的结构，如下图所示

2、接着在body区域准备折线图的标题和图形区域，如下图所示

3、然后给折线图的元素添加一些CSS的样式，如下图所示

4、下面开始准备折线图的数据了，主要在JS中完成，是一些数组，如下图所示

5、接着就是提取数组中的数据转化为折线图中的数据点，如下图所示

6、接下来就是准备canvas画布，进行画折线并描点，如下图所示

7、最后运行页面的HTML我们就可以看到折线图的实际效果了，如下图所示