Echarts的简单应用

今天我们来学习echarts的简单应用,首先,我们要了解echarts是什么,它是一个纯js的图表库,可以在pc和移动设备上流畅的运行,兼容绝大部分的浏览器。
Echarts提供了很多,如折线图,柱状图,散点图,饼图,K线图,等用于统计的盒型图,还有用于地理数据可视化的地图,热力图,线图,还有用于关系数据可视化的关系图,多维数据可视化的平行坐标,还有用于Bl的漏斗图,仪表图,且支持图与图之间的混搭。
想要应用echarts首先我们要先下载下来,百度echarts管网即可,引入的方法就像普通的JavaScript库一样用script标签引入,如图一,
在这里插入图片描述
图一
接着,我们要给echarts准备一个具备高宽的容器如图二
在这里插入图片描述
图二
然后就可以通过echarts.init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱状图。如图三。
在这里插入图片描述
图三
这样一个简单的echarts引用就完成了,具体代码如图四所示,本人是看官网所学,觉得对自己有用,所以借以应用。
在这里插入图片描述
图四

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值