基于goview 图表设计器的vue3组件库

goview是一款基于 Vue3 搭建的低代码数据可视化开发平台。goview访问地址

虽然goview很强大,但是往往很难满足我们实际的业务需求,需要对其二次开发,但是这个二次开发的成本比起直接手写echart完成一个大屏的任务要花更大的精力。
为了解决以上的痛点,我结合了 vue3 把goview打包成为组件库,只需要配合goview设计好的json文件加上组件库,即可完成加载,然后可以在基于这个组件完成自己的其他业务

omita 图表设计器npm地址

这个是一款同时满足vue3 echart 低代码,也满足仅需要使用vue3插件,不需要部署整个低代码平台即可完成大屏的工具,通过对图表echart拖拉拽,低代码操作,完成工作,享受程序员的摸鱼时光

omita使用示例

如何使用:

1、在goview中导出编辑好的画布json

2、引入 omita 图表设计器包,安装教程如下即可完成加载

npm i omita --save

import omita from 'omita'

import 'omita/lib/style.css'

createApp(App).use(omita).mount('#app');


<OmiRender
    v-if="myJson"
    :componentList="myJson.componentList"
    :editCanvasConfig="myJson.editCanvasConfig"
    :requestGlobalConfig="myJson.requestGlobalConfig"
></OmiRender>

omita npm 地址
 

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值