我们经常使用Echarts制作各种图表，那么如何运用Echarts制作标准折线图呢？下面小编给大家演示一下 。
操作方法01、首先打开Sublime Text软件，新建一个HTML文档 ， 并在文档中添加如下图所示的HTML结构
02、接下来运用scripts标签在HTML中引入echarts的库文件，如下图所示
03、然后我们在body标签中创建一个div区域用来存放折线图，如下图所示，注意给div设置高度
04、接下来我们通过echarts的init方法对刚才创建的div区域进行初始化 ， 如下图所示
05、然后我们设置折线图的参数，包括X ， Y坐标轴数据，折线图标题等信息 ， 如下图所示
【如何用Echarts制作标准折线图】06、接下来在series参数中设置折线图所需要的数据，如下图所示，一条折线配置一个大括号
07、参数和数据设置完毕以后我们调用echarts的setOption方法将内容都填充进折线图展示区域，如下图所示
08、最后我们运行HTML文件，就可以看到如下图所示的标准折线图了 ， 点击顶部的折线标题可以隐藏或者显示折线
推荐阅读
- 电脑如何装系统？
- excel如何做饼状图
- 如何学习电脑编程入门
- 腾讯会员如何取消自动续费？
- 如何用EXCEL竖列的表格求和
- 如何彻底卸载CAD软件
- 如何说服妈妈给我手机
- 微信支付分在哪里，如何开通微信支付分
- 如何表达自己立场的歌曲
- Excel表格中，如何把一项内容复制到整列