我们经常使用Echarts制作各种图表 ， 那么如何运用Echarts制作标准折线图呢？下面小编给大家演示一下 。 操作方式 01 【如何用Echarts制作标准折线图】起首打开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文件 ， 就可以看到如下图所示的尺度折线图了 ， 点击顶部的折线题目可以埋没或者显示折线
文章插图
以上内容就是如何用Echarts制作标准折线图的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何做牛肉酥西多士？
- 如何做苹果小松饼？
- 如何做脆皮烤肠？
- 如何做草莓酸奶糕？
- 腾讯微云如何开启屏幕锁
- 如何清除美团的历史行为
- 如何开启抖音极速版中关注人更新作品的提醒
- word文档如何更改三维百分比堆积条形图样式
- word如何剔除试卷中选择题的答案
- 如何防止Win10自动查杀文件