rd-play

这是一个基于letdata数据可视化项目的运行插件，一个应用于vue项目的插件。 编辑器地址：https://editor.letdata.net/

使用npm安装包

npm i rd-play

安装组件

import { createApp } from 'vue'
import {RdPlay} from 'rd-play'
import 'rd-play/dist/main.css'

const app = createApp(App)
app.component('rd-play', RdPlay)

SFC 中使用组件

<template>
  <rd-play data="项目文件地址或项目文件数据" />
</template>

props 属性

| 名称 | 类型 | 默认值 | 说明 | | ------ | --------------- | ------ | -------------------------- | | data | String,Object | {} | 项目文件地址或项目文件数据 | | width | Number,String | 960 | 宽度 | | height | Number,String | 540 | 高度 | | option | Object | null | 运行相关参数 |

props 事件

| 名称 | 返回值 | 说明 | | ------- | ------ | ------------ | | init | 数据源 | 开始初始化 | | success | 数据值 | 完成数据加载 | | error | 类型 | 加载数据报错 |

Top-level await 组件内默认使用了顶层 await 特性