ThingJS UI-图表原名conch,ThingJS UI-布局原名seabed;如有在文章中看到conch,则指代的ThingJS UI-图表,如有看到seabed,则指代的ThingJS UI-布局。

ThingJS UI-图表是什么?

ThingJS UI-图表是一个可视化组件平台,对于使用者,ThingJS UI-图表平台可以进行组件的查询,加入资源库,加入项目,组件下载,查询下载记录等功能;对于开发者,可以在线开发可视化组件,托管组件代码,管理组件版本(未来),代码进行编译、打包、发布等功能。
链接
ThingJS UI-图表的特性:

  • 支持单组件多组件打包
  • 支持组件分类管理分类打包
  • 支持从Echarts Gallery中复制代码到ThingJS UI-图表中不加修改地使用
  • 下载的组件包可以在任何前端环境中使用
  • ThingJS UI-图表组件包采用服务器端编译打包
  • 提供在线编码、代码托管、附件资源管理、引入外部JS包

ThingJS UI-图表能解决哪些问题?

  • 每个可视化项目中组件无法通用,各自代码规范不同
  • 从其他项目中剥离单个组件代码困难
  • 各项目组件没有统一的配置项协议,导致属性配置困难
  • 各项目组件没有规范的生命周期钩子和统一的API接口
  • 组件数据接入没有统一推送和订阅分发机制
  • 组件附件资源无法规范的管理导致组件在复用的过程中缺胳膊少腿

    ThingJS UI-图表如何使用?

    在原生JS+html环境中使用(dom容器大小和ThingJS UI-图表组件宽高相同)

    新手上路

在ThingJS UI-布局+原生JS+html环境中使用(ThingJS UI-布局容器宽高和ThingJS UI-图表组件宽高相同)

新手上路

在ThingJS UI-布局+Vue环境中使用

Spray-demo Vue环境使用说明