当前位置:   article > 正文

基于goview 图表设计器的vue3组件库_go view二次开发

go view二次开发

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

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

omita 图表设计器npm地址

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

omita使用示例

如何使用:

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

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

  1. npm i omita --save
  2. import omita from 'omita'
  3. import 'omita/lib/style.css'
  4. createApp(App).use(omita).mount('#app');
  5. <OmiRender
  6. v-if="myJson"
  7. :componentList="myJson.componentList"
  8. :editCanvasConfig="myJson.editCanvasConfig"
  9. :requestGlobalConfig="myJson.requestGlobalConfig"
  10. ></OmiRender>

omita npm 地址
 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/711801
推荐阅读