8

可视化项目地址: https://github.com/chuxiaoguo...

由于最近太忙了,源码更新不及时,很多人都在问什么时候能放出源码,源码估计需要一段时间了,为了帮助需要的人,我特此先出一篇关于项目中用到的插件,组件库。

以下提到自己开发的组件后续都会放在git上面

  • 页面组件ui[elementUi] - element

image.png

image.png

  • 参考线[这个我自己改为vue组件了] - ref-line

image.png

image.png

image.png

  • 操作历史[撤销重做] - indexdb(这里用snapshot不用mutation)
  • 图层操作[上移下移置顶置底] - 自己撸算法(后续单独讲解)

image.png

  • 预览算法[全屏幕等比缩放] - 自己撸算法(后续单独讲解)
  • 滚动条 - 自己撸的组件

image.png

  • 编辑器 - 这里推荐个插件
    image.png
    ace编辑器 - 有点就是封装度比较高,上手比较容易,上图就是ace编辑器。
    image.png
    monaco编辑器 - 这个就是vscode的原型,风格比较好看,自由度(可配置的选项)比较高,上手稍微难点,上图就是monaco编辑器。

chuxiaoguo
334 声望44 粉丝

可视化数据开发工程师,自己独立开发了数据可视化网站[[链接]],欢迎star