Skip to content
On this page

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

参数说明类型默认值
optionsecharts 配置object-
id容器 ref 值,默认六位随机数string-
themeecharts 主题,具体请看官方文档string-
isEmpty是否显示空状态Boolean,Function(options)false

3、事件(events)集成 echarts 的事件

事件名说明回调参数
chart返回的 chart 实例返回 chart 实例

4、插槽

插槽名说明
default默认插槽
empty空状态插槽