如何用Echarts制作标准折线图
我们经常使用Echarts制作各种图表，那么如何运用Echarts制作标准折线图呢？下面小编给大家演示一下。
操作方式
-
01
起首打开Sublime Text软件，新建一个HTML文档，并在文档中添加如下图所示的HTML布局
-
02
接下来运用scripts标签在HTML中引入echarts的库文件，如下图所示
-
03
然后我们在body标签中建立一个div区域用来存放折线图，如下图所示，注重给div设置高度
-
04
接下来我们经由过程echarts的init方式对适才建立的div区域进行初始化，如下图所示
-
05
然后我们设置折线图的参数，包罗X，Y坐标轴数据，折线图题目等信息，如下图所示
-
06
接下来在series参数中设置折线图所需要的数据，如下图所示，一条折线设置装备摆设一个年夜括号
-
07
参数和数据设置完毕今后我们挪用echarts的setOption方式将内容都填充进折线图展示区域，如下图所示
-
08
最后我们运行HTML文件，就可以看到如下图所示的尺度折线图了，点击顶部的折线题目可以埋没或者显示折线
- End
- 发表于 2018-12-12 00:00
- 阅读 ( 923 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章