Chart 图表
基于 Echarts 二次封装的, 集成初始化 echarts、事件、销毁,详情配置,请参考 echarts 官方
前提概要
需要引入 echarts 资源
js
npm install echarts
npm install echarts
并在 main 文件中注册使用
js
import * as echarts from 'echarts' // 引入echarts
app.config.globalProperties.$echarts = echarts // 全局使用
import * as echarts from 'echarts' // 引入echarts
app.config.globalProperties.$echarts = echarts // 全局使用
折线图
柱状图
饼图
雷达图
主题切换
空状态
设置 isEmpty=true,即可显示空状态
插槽
2、配置参数 继承 el-empty Attributes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
options | echarts 配置 | object | - |
id | 容器 ref 值,默认六位随机数 | string | - |
theme | echarts 主题,具体请看官方文档 | string | - |
isEmpty | 是否显示空状态 | Boolean,Function(options) | false |
3、事件(events)集成 echarts 的事件
事件名 | 说明 | 回调参数 |
---|---|---|
chart | 返回的 chart 实例 | 返回 chart 实例 |
4、插槽
插槽名 | 说明 |
---|---|
default | 默认插槽 |
empty | 空状态插槽 |