Skip to content

TChart 图表 ​

基于 Echarts 二次封装的, 集成初始化 echarts、事件、销毁,详情配置,请参考 echarts 官方

前提概要 ​

需要引入 echarts 资源

js
npm install echarts

并在 main 文件中注册使用

js
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空状态插槽