怎么用echarts制作标准折线图

我们经常用echart制作各种图表，那么如何用echart制作标准折线图呢？下面的小系列就给大家演示一下。

详细介绍方法/步骤

首先打开升华文字软件，新建一个html文档，将下图所示的html结构添加到文档中

然后使用scripts标签将echarts的库文件引入到html中，如下图所示

然后我们在body标签中创建一个div区域来存储折线图，如下图所示，注意设置div的高度

接下来，我们初始化由echarts的init方法创建的div区域，如下图所示

然后我们设置折线图的参数，包括x、y坐标轴数据、折线图标题等信息，如下图所示

接下来，在series参数中设置折线图所需的数据，如下图所示，并为虚线配置花括号。

设置好参数和数据后，我们调用e chart的setoption方法将内容填入折线图显示区，如下图所示

比较后，当我们运行html文件时，可以看到如下图所示的标准折线图。单击顶行标题以隐藏或显示该行。