我们经常使用Echarts制作各种图表，那么如何运用Echarts制作标准折线图呢？下面小编给大家演示一下 。
操作方法
- 01【如何用Echarts制作标准折线图】首先打开Sublime Text软件，新建一个HTML文档，并在文档中添加如下图所示的HTML结构
文章插图
02接下来运用scripts标签在HTML中引入echarts的库文件，如下图所示
文章插图
03然后我们在body标签中创建一个p区域用来存放折线图，如下图所示，注意给p设置高度
文章插图
04接下来我们通过echarts的init方法对刚才创建的p区域进行初始化，如下图所示
文章插图
05然后我们设置折线图的参数，包括X，Y坐标轴数据，折线图标题等信息，如下图所示
文章插图
06接下来在series参数中设置折线图所需要的数据，如下图所示，一条折线配置一个大括号
文章插图
07参数和数据设置完毕以后我们调用echarts的setOption方法将内容都填充进折线图展示区域，如下图所示
文章插图
08最后我们运行HTML文件，就可以看到如下图所示的标准折线图了，点击顶部的折线标题可以隐藏或者显示折线
文章插图
- MATLAB如何调用M文件？
- 如何知道自己是被微信好友删除还是拉黑
- cad如何修改比例因子
- 如何自己制作手机APP软件
- 小米手环步数如何同步到微信运动？
- 运动过后如何缓解肌肉酸痛？
- 如何练胸肌之平卧哑铃飞鸟
- 如何练好形意拳？
- 如何画简笔画小清新女孩
- Excel表格中如何排名？