可视化大屏该如何做？有可能一天完成吗？看完你将收获，分片渲染、函数缓存、单测、最简全局状态、自动化部署等。

相关文档 https://antv-g6.gitee.io/zh/docs/manual/introduction 突如其来的需求 那是8月11日，一个即将放假的周五，当我刚从厕所回来以后，同事找到我

1. 前言 记录一下使用G6绘制几种常见的关联图谱，包含自定义节点和自定义边的使用，还有一些交互行为。

前言 AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。 G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基

G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。本文使用antv G6 + react + typescript实现一个数据血缘图，展示数据的来源和流向。

文章展示了接入AntV G6到Vue中并实现需求的过程，其中的难点主要集中在自定义节点和边的部分，除了熟悉文档相关内容，还需要对SVG path掌握一定的知识。希望本篇文章能帮助将要使用次技术的朋友。

指标体系的建立，是进行预测或评价研究的前提和基础，它是将抽象的研究对象按照其本质属性和特征分解成具有行为化、可操作化的结构，并对每一构成元素（即指标）赋予相应权重的过程。

前几天刚写下了一篇关于介绍G6的博客，有兴趣的可以看一下。后面回想起来发现当时把篇幅都花在介绍G6的核心概念上面了，真正实战和后面问题部分的总结还不够完善。因此再写一篇博客来补充一下。

此篇文章是Vue中使用AntV G6的第二篇文章，与上篇详细讲解配置和思路不同，这篇文章主要是展示实现需求的实际代码。