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