[{"data":1,"prerenderedAt":7},["ShallowReactive",2],{"example-markdown-content:zh:toys-clock":3},{"markdown":4,"isPaidExample":5,"isTruncated":5,"charLimit":6},"# 带移动标记节点的钟表式径向播放\n\n## 这个示例构建了什么\n这个示例把一个 relation-graph 转成了类似钟表的径向展示。一个较大的中心节点作为枢纽，六十个带编号的圆形节点构成外环，另一个独立的半透明标记节点每隔 500 ms 沿着各条辐条依次移动。\n\n这个查看器没有暴露本地控制或编辑工具。它的主要行为是自动播放：图在挂载时自行加载，居中画布，缩放到适应视口，然后在六十个位置之间推进，同时让当前激活的辐条保持已选中的视觉状态。\n\n最值得注意的细节是，这个动画并不是通过每一步都重建整张图来实现的。相反，代码会保持这些编号节点固定不动，只移动一个专用的标记节点，并在播放推进时更新中心节点的自定义数据。\n\n## 数据是如何组织的\n图数据是在 `initializeGraph()` 内部、`setJsonData(...)` 执行之前以内联方式组装的。初始数据集包含一个根节点，带有 `width: 100`、`height: 100` 和 `data.percent = 0`。随后一个循环会创建节点 `1` 到 `60`，并为每个编号节点添加一条从 `root` 指向它的连线，从",true,500,1782615403942]