echarts生成图表的简单使用

echarts的开发总结

echarts相关js下载(echarts.min.js、echarts-gl.min.js):
https://pan.baidu.com/s/1w5M8aHls9B4tiSuOG_Kqwg
提取码:1su0

1、官方参考文档地址:https://echarts.apache.org/examples/zh/index.html

在这里插入图片描述
在这里插入图片描述

2、echart.js的url地址:http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js

3、基础骨架:

在这里插入图片描述

4、获取后台数据,渲染图案例(以饼状图为例)

——饼状图需要的data数据是json对象数组,并且json对象的属性是name、value格式的,所以如果后台返回的对象属性不是name、value,则需要将后台返回的对象赋值给新的json对象,其属性为name、value.
在这里插入图片描述
在这里插入图片描述
注意
1、有时图渲染不出来,可能是某个方法报错等原因。可以直接用指向echarts.js地址的方法,引入js文件。
2、生成3D图的时候,需要用到echarts-gl.min.js。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sinJack

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值