如何防止AWS Neptune图数据库中边及边标签重叠

可以通过Neptune notebook的magics配置实现，不需要修改底层图数据，具体操作如下：

基础配置：自动错开平行边 #

Neptune的notebook可视化底层基于vis.js，所有边渲染参数都可以通过%%graph_notebook_vis_options魔法命令自定义。同节点间多条边重叠的核心原因是默认所有平行边的弯曲度为0，完全沿同一条直线绘制。
直接在notebook单元格运行以下配置，即可自动给平行边增加弧度错位，同时给标签增加白底避免视觉干扰：

%%graph_notebook_vis_options
{
  "edges": {
    "smooth": {
      "enabled": true,
      "type": "curvedCW",
      "roundness": 0.25
    },
    "font": {
      "size": 12,
      "background": "#ffffff",
      "strokeWidth": 0
    },
    "labelOffset": 8
  }
}

如果是两个节点间方向相反的两条边，可以把smooth.type参数值改为dynamic，系统会自动将双向边排布在连线两侧，不需要手动调整弧度值。

如果两节点间平行边数量超过2条，可以逐次微调roundness数值，给不同边设置正负、大小不同的弧度值，比如分别设为0.15、-0.2、0.35，即可让所有边完全错开，对应标签也会跟随边的位置排布，不会重叠。

其他可选方案 #

• 悬停显示标签：如果边数量太多错开后视觉太乱，可以配置默认隐藏边标签，鼠标悬停到对应边时才显示标签内容，配置如下：

%%graph_notebook_vis_options
{
  "edges": {
    "font": {"hideWhenOverlapping": true},
    "title": "label",
    "smooth": {"enabled": true, "roundness": 0.2}
  }
}

• 边属性分组：查询时给不同类型的平行边增加独立分组字段，在可视化配置中给不同分组的边设置差异化的颜色、线宽，配合弧度偏移，辨识度会更高。

配置生效后重新运行Gremlin查询即可看到效果，所有配置项均兼容Neptune现有magics规则，不需要安装额外插件。

内容的提问来源于stack exchange，提问作者Data