G6 3.3 性能战斗机
本文作者:十吾 🌈G6 3.3 正式版今日正式发布。 AntV G6 是一款开源的图可视化引擎,专注于图可视化及图分析领域。 欢迎关注和 star 我们的 GitHub: https://github.com/antvis/G6 官网: https://g6.antv.vision/zh/ 图——实体与关系的集合,往往具有庞大的数据量。最常见的图可视化将关系数据绘制为大量节点和边元素,而每一个元素也可能由多种图形复合而成,例如最为常见的带文本节点。图元素的样式变化万千,渲染、交互性能一直是关系数据可视化中最为棘手问题之一。特别是在前端计算资源有限的情况下,如何提升图可视化的性能,成为 G6 一大难题。 2020 年伊始,我们终于向着这一难题跨出了第一步 —— 性能卓越的 G6 3.3 正式发布 。让我们一睹性能战斗机的究竟吧! 战斗机之引擎 G6 本次性能升级主要归功于底层渲染引擎的全面升级。由于用户在对图进行交互时,往往是对局部元素进行操作,例如:更新样式、拖拽…。而频繁的渲染是 G6 性能较低的主要因素。因此,我们使用「 局部渲染 」机制替代了以往的全局渲染。 什么是局部渲染?如上图所示,我们希望更新图 a 中的星形的填充色为绿色: 全局渲染:将会如图 b 所示重新绘制由红色边框标识的整个画布; 局部渲染:首先计算需要更新的图形的最小包围盒,即图 c 所示的红色边框标识区域