图表开发控件JointJS携全新4.0版本助力轻量开发

news/2024/5/18 17:38:44

JointJS 和JointJS+的v4.0版本正式发布，作为图表库的首个无依赖版本，备受期待！新版本经过精心打磨，摆脱了jQuery、Backbone和Lodash的依赖，使得库更加精简且核心功能不变。此次慧都与JointJS厂商合作，携手带来全新版本v4.0，欢迎大家前往咨询~

此次更新带来了众多改进，将在本篇博文中简要介绍。若您渴望深入了解所有技术细节，建议完整阅读更新日志。

JointJS 是一款基于 JavaScript 的开源库，用于创建基于 HTML5 的交互式图表和图形编辑器。它提供了丰富的图形元素和交互功能，支持用户构建复杂的流程图、组织结构图、网络拓扑图等，适用于开发各种 Web 应用程序。

JointJS免费下载https://www.evget.com/product/4370/download

公司首席技术官Roman Brückner表示：“ v4.0版本标志着重要里程碑的达成。我们针对代码库中的反直觉部分以及对旧版库的依赖进行了改进，新版解决了这些问题。API的优化提高了上手速度，而外部依赖的消除则提升了性能，并让我们对库有了完全的控制权。”

重要提示：v4.0版本带来了重大变更。因此，JointJS+的客户应详细阅读从3.7到4.0的迁移指南，确保顺利过渡到最新版本。

稳定版本，无外部依赖

如前所述，现在引入了一个不依赖jQuery、Lodash和Backbone的无依赖版本。这一期待已久的改进使的库更加精简（减小了包大小，如下所示），并使能够完全控制核心功能，并根据客户的特定需求进行调整。 JointJS 和 JointJS+ 的可定制性水平是的骄傲之一，4.0 版本使（和您）能够在不做出任何妥协的情况下调整库：

完全控制库：现在负责整个代码库，并完全负责并有能力修复客户报告的任何错误。同样的可能性也适用于的社区，这有助于改进的开源版本 JointJS。
更精简且高性能：通过依赖为服务许多不同用例而构建的外部依赖项，在代码库中包含了许多不必要的功能。现在这种情况已经改变，提高了性能并使能够根据任何特定用例定制的库。
重大升级，平滑迁移：保留了 90% 以上的 API 功能，并尽一切努力让您从以前的版本顺利迁移。尽管 JointJS 和 JointJS+ 现在感觉像是一个新库，但这种更改不需要您进行任何学习工作，并且具有非常简单的迁移过程。

关于减小包大小的主题，下面是一个可视化示例，说明了使用 JointJS 构建的简单可视化应用程序的结构。在 4.0 版本之前，应用程序的总大小（包括外部 JointJS 依赖项）为 1.94MB。随着4.0版本的发布，应用程序大小减少至1.1MB，实现了44%的改进。

图表控件

BPMN 导出到 XML 格式/从 XML 格式导入

BPMN 代表业务流程模型和表示法，是一种标准化的建模语言和表示法系统，被企业广泛用来以图形方式描述其业务流程。它使公司能够以全面的方式记录、分析和优化其工作流程。 BPMN 模型可以序列化为 XML 格式，称为 BPMN XML，从而促进跨各种 BPMN 兼容工具（例如 BPMN 编辑器和自动化引擎）轻松交换和存储业务流程图。在 JointJS+ 4.0 中，BPMN 图可以无缝地从 XML 导入或导出到 XML，从而增强整个 BPMN 工具套件之间的协作。

了解导出在BPMN 编辑器中设计的流程并将其导入Camunda以实现端到端流程自动化是多么简单。

图表控件

广泛的重构以提高性能

消除了过时的代码，不仅旨在提高性能，而且还使您与的代码库的交互更加直观。改进的错误消息使调试变得更加容易；默认情况下，所有图表都更快且视觉上更有吸引力。此外，封装的特定部分被分开，进一步减小了封装尺寸。对于仍然可以从的示例中复制并在您的项目中使用但不包含在包中的形状来说，这一点很明显。

此外，在 4.0 版本中，又向成为完全模块化的图表库和构建受益于的核心功能和其他广泛使用的技术的生态系统迈出了重要的一步。结果将是模块形式的大量高级功能，这些功能结合了的核心功能和其他技术（例如D3、Cytoscape或Graphviz ）的优势，并且可以选择在您的项目中使用，但不属于 JointJS 和 JointJS+ 的一部分默认为核心。在的积压工作中，在接下来的几周内您可以期待许多有用的功能！