作业:通过简单代码实现条形图,柱状图和折线图,以及代码各部分的简单介绍

代码如下:

通过这些代码可以实现如下的条形图

下面介绍代码各部分的作用:

左边js文件夹下放的是js文件

这一段是为了引入ECharts脚本,双引号里面写js文件的路径

这一段是为图像创建一个范围

这一段用来启动图像,没有图像无法显现

这一段用于初始化

这是x轴

这是y轴

将x轴里面的东西放到y轴中就是柱状图

这一段是图像的数据,其中bar代表的是条形的图像,将其改为line就会变成折线图,data里面的数据代表的是a,b,c三个的数据

将bar改为line

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值