echarts入门级使用方法

今天来说一下后台管理系统中的echarts,下面简单来捋一下。
首先它是图表格式的表现形式,我们经常运用在制作统计表上,它支持很多种格式,柱形,扇形,折线形等等。
用法:
1⃣,通过 npm 获取 echarts,npm install echarts --save继续填写
2⃣,通过标签方式直接引入构建好的 echarts 文件,

3⃣,绘制一个简单的图表
绘制图表第一步就是先给他一个盒子来做他的容器,然后设置id名或类名。再script里通过类名或id名获取盒子,然后eacherts. init注入,把这个值赋给一个变量。然后再定义一个变量来放图表需要配置的数据,内容。最后我们给注入值得变量,通过setOption来设置图标格式。具体代码如下:(柱形图实例)

ECharts 其实其他的统计图亦是如此,只不过是在setOption的时候设置了不同的样式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值