使用SVG和Javascript的交互式有向图

我必须为SVG定向图添加一些交互功能

到目前为止，我想显示的图形是从一个点文件生成的，并呈现为SVG。我想知道是否有一些简单的方法可以将交互性（可能是使用Javascript）添加到此类SVG文档中

我需要的是当鼠标移动到一个节点上时显示一些信息，并使比较两个节点成为可能

---

由于我的模型是自动生成的，所以我更愿意保留点生成的SVG，并使用单独的Javascript在其上添加其他信息。

我有一个内联SVG的示例。这个SVG与您拥有的SVG之间的区别在于，我的演示中的SVG具有节点和事物的id属性。我确实从graphviz网站上得到了这个SVG

（点击“Hello”节点）

当我有机会在服务器上上传SVG时，我将尝试从嵌入元素访问SVG。我不能在JSFIDLE上执行，在浏览器中执行相同的域策略

---

也可能有帮助。它显示了SVG的一些脚本功能，尽管对于所有示例，脚本都在SVG本身中。

您可以提供点生成SVG的示例吗？@kzh当然可以。我必须处理一些有节点和边的东西，比如在这个要点中，我刚刚发现canviz能够直接处理点文件，你认为向SVG元素添加交互性或者向canviz图形添加交互性会更容易吗？这是个好问题。。。你找到最好的答案了吗？实际上，我想做的是从web浏览器中单击reduce/exand graphviz集群。有什么想法吗？@Stéphane我在我的博客上开始了一系列关于这个主题的文章，但不幸的是我没有太多时间来写它们，我认为我的方法是添加额外的信息，操作颜色和显示/隐藏节点和圆弧，但如果必须更改图形的布局，我认为这不会太有效。为此，请尝试使用javascript图形可视化库，我想它会更好地满足您的需要。谢谢，实际上我可以在网页上内联SVG，这样就足够了。主要问题与我没有有意义的id属性这一事实有关。对我来说有意义的是svg:title，是否可以获得具有特定标题的元素（可能使用jQuery）？似乎我可以获得具有有意义标识符的svg:Awesome。你应该在问题中提出你的想法和过程。我很想看看。当然，一旦我想出了有效的办法，我会让你了解最新情况。我本来打算在周末做的，但没能做到：）