前端 - AntvG6节点连线图显示节点信息及连线值技巧？

Question

利用AntvG6，实现节点连线图：
1、后台动态下发数据，无节点位置信息。
2、渲染出来的图表不可编辑，不可拖拽。
3、鼠标移入节点显示节点信息，移入每个节点间连线，显示当前段落的线的值（存在2个值，分别在线的上下或者左右显示两个值）。
效果图如下：

目前我自己只做出了这样的效果（如下图），只实现了鼠标移入节点显示节点信息……移入线条时的提示信息、如何让水平方向主干道在一条直线暂未实现，请各位大神指教一二！

平台查询，未找到解决方案，官网api没找见相关文档

Answer 1

很遗憾，根据您提供的信息，我无法找到AntvG6节点连线图显示节点信息及连线值的技巧。然而，我可以给您一些可能的解决方案和方向。首先，您需要了解AntvG6的API和文档，以了解如何使用该库创建和自定义图表。您可以通过查阅AntvG6的官方文档或搜索相关的在线教程和示例来获取更多信息。对于显示节点信息和连线值的需求，您可以使用AntvG6的事件处理机制。您可以监听图表上的鼠标事件，例如`'mouseover'`和`'mouseout'`事件，以在用户将鼠标悬停在节点或连线上时显示相关信息。您可以使用AntvG6的`graph.addLabel()`方法来添加标签，以显示节点信息和连线值。对于实现不可编辑和不可拖拽的图表，您可以在创建图表时设置相关选项。在AntvG6中，您可以使用`graph.setOptions()`方法来设置图表的选项。您可以设置`editable`选项为`false`以禁止编辑和拖拽操作。对于如何让水平方向主干道在一条直线的问题，您可以使用AntvG6的布局算法来调整节点的位置。AntvG6提供了多种布局算法，例如力导向布局、层次布局等。您可以根据您的需求选择适合的布局算法，并使用`graph.layout()`方法来应用布局。希望这些信息能够帮助您解决问题。如果您需要更详细的帮助，请提供更多关于您的代码和具体问题的信息。