lintanfu 2021-09-27 12:05 采纳率: 0%
浏览 163

前端绘图框架如何抉择?

框架开源性质链接备注github
goJs国外公司github有源码,可免费使用,但会有水印(可技术去除)5.6k star,0 issues
jsPlump社区版、商业版国外公司社区版免费但功能较少,功能更偏向于做流程图(特别是静态展示)6.6k star,149 issues
mxGraph开源国外公司开源免费,但文档、社区比较差劲,完全通过 js 完成,使用成本较高,复杂业务不推荐6.2k star,0 issues
antv-x6开源蚂蚁开源,文档友好2.4k star, 58 issues
topology免费版、商业版国内组织存在免费版(限制比较多)3.1k star, 21 issues
svgjs开源国外组织功能丰富,偏向于svg图片和动画效果9.1k star, 71 issues
jointjs免费版、商业版国外公司暂无3.5k star,84 issues
flowchart-国外公司7.6k star,93 issues

概述:项目基于vue(后续可能接轨vue3和ts),需要开发绘图功能,初期只是简单流程图的绘制,但后续需保留可持续扩展的能力。由于之前没有接触过流程图相关的需求,选择框架方面缺乏经验,结合网上找到上述多个框架,以及一些相关的评价信息。

个人总结:

  1. 从github首欢迎程度看,flowchart占优;而且包体积小
  2. 从文档建设方面看,蚂蚁的antv-x6是国产大厂出品,文档相对友好;
  3. mxgraph是老牌,但似乎github上issues不是很活跃,网上评价也说不易上手;
  4. gojs综合指数很高,但需商业授权(因此很大概率不考虑了);
  5. jsplump社区版功能有所限制;
  6. svgjs偏向于矢量图绘制

目前比较倾向于开源且强大的mxgraph,其次是antv-x6、flowchart、jsplump,但又担忧开发成本、可拓展性、兼容等问题。项目中流程图数据较多,且数量庞大,需要着重考虑性能问题。

望各方有经验的业内人士能指点迷津,或表达经验之谈,非常感谢!

  • 写回答

2条回答 默认 最新

  • Lazy33 2021-09-27 13:44
    关注

    抬走。下一位

    评论

报告相同问题?

问题事件

  • 创建了问题 9月27日