| Echarts通用配置 | 传送门 |
| 柱状图 | 传送门 |
| 折线图 | 传送门 |
| 散点图 | 传送门 |
| Echarts官网 | 传送门 |
饼图的基本实现
实现步骤
一. 搭建ECharts最基本的代码结构(这是实现任何一张图表都必须的第一步)
- 引入js文件(这个js文件可以去官网下载下来)
- 准备一个DOM容器
- 初始化一个echarts对象
- 设置配置项option
上面的具体操作可以去看下
二. 准备数据:
- 该组数据最外层是一个数组
- 数组的每一项元素都是一个对象
- 每个对象都包含有name和value这两个属性
- 例如:[{name:'早餐’,value:‘10’},{name:'午餐’,value:‘30’}]
三. 图表类型:
- 将配置项中的series下的type设置为pie
四. 代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch