通过图案切换与节点形状实时更新实现胶带式线条渲染

本示例构建的内容

本示例构建了一个采用中心布局的小型拓扑查看器，其边线不再以普通描边方式绘制。每条关系都会被渲染为一个填充的、类似胶带的 SVG 面区域，因此整张图在深色技术风画布上看起来更像是分层带状结构，而不是默认的节点连线图。

用户可以在线条填充效果之间切换，包括半透明纯色和多种 SVG 图案；可以将现有所有节点在圆形和矩形之间切换；可以打开共享的画布设置面板；还可以将图谱导出为图片。这个示例的关键点在于，线条表面虽然被完全自定义了，但线条点击依然会走 relation-graph 的标准交互流程。

数据是如何组织的

数据集在 initializeGraph 中以内联 RGJsonData 的方式声明。它使用 rootId: '2'，包含 9 个节点和 8 条连线，并且每条线都采用 relation-graph 的标准格式，即 from、to 和 text。这份数据刻意保持小而静态，以便让示例聚焦于渲染行为，而不是数据加载。

在调用 setJsonData 之前，没有进行任何