自定义连线（#line）
连线插槽用于自定义线条路径和线条文本渲染。
1. 各平台写法
- Vue：
#line - React：
<RGSlotOnLine> - Svelte：
slot="line"
2. 插槽参数
常见参数：
lineConfig: RGGenerateLineConfigchecked?: booleangraphInstanceId?: stringdefaultLineTextOnPath?: boolean
3. 常见渲染模式
推荐流程：
- 用实例 API 计算路径信息
- 渲染线条路径（或自定义 SVG path）
- 渲染一个或多个文本块
- 将点击事件回传给图谱实例
4. 基础示意（Vue）
<template #line="{ lineConfig, checked, graphInstanceId }">
<MyLineContent
:lineConfig="lineConfig"
:checked="checked"
:graphInstanceId="graphInstanceId"
/>
</template>
5. 关键样式原则
不要只在插槽里的 path CSS 直接硬编码线条颜色与粗细。
推荐来源：
line.color、line.lineWidthgraphOptions.defaultLineColor、graphOptions.defaultLineWidth
这样才能保证主图与缩略图一致。
6. 实践建议
- 可按需渲染多个文本（起点/中点/终点）。
- 根据
line.type分发不同线条模板。 - 统一线条事件入口，避免交互分散。