[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:node-line-tooltips-and-context-menu":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 节点与连线的自定义提示框和右键菜单\n\n## 这个示例构建了什么\n\n这个示例构建了一个查看器风格的 relation graph，并提供两类上下文浮层：悬停提示框和右键菜单。用户会看到一个全屏图谱，其中包含圆形的图标节点、带标签的曲线连线、点状画布背景，以及一个悬浮的辅助窗口。悬停在节点上时，会显示其标签和图标键；悬停在连线上时，会显示其标签以及解析后的源节点和目标节点；右键点击任一目标时，会在指针附近打开对应的专用菜单。\n\n最重要的点不在于示例数据集本身。这个示例是一个紧凑的参考，用来说明如何同时为节点和连线挂载自定义检查 UI，并且让这些面板保留在图谱视图层中，而不是把它们硬编码进页面布局。\n\n## 数据是如何组织的\n\n图数据直接在 `initializeGraph()` 内声明为一个 `RGJsonData` 对象。它使用一个 `rootId`、一个扁平的 `nodes` 数组，以及一个 `lines` 数组。每个节点都带有 `data.myicon` 字段，而每条连线都具有显式的 `id` 和 `text` 标签。\n\n在调用 `setJsonData()` 之前，没有单独的数",true,500,1782615422648]