7

pygraphを使用してデータ構造を定義しました。PNGを使用して簡単にそのデータを表示できますgraphviz。

ノード グラフ

データをグラフィカルに表示したいのですが、グラフの各ノードをクリック可能にします。各ノードは、異なる Web ページにリンクする必要があります。これにどのようにアプローチしますか？

私が欲しいのは：

  1. href各ノードに を割り当てます
  2. すべてのグラフを画像として表示
  3. 画像内の各ノードをクリック可能にする
  4. イベントhoverのツールチップ: カーソルがエッジ/ノードの上に置かれるたびに、ツールチップが表示されます
4

4 に答える 4

1

クリックマップを使用できます。

 <img src="graph.png" width="400" height="300" usemap="#mygraphmap">

<map name="mygraphmap">
  <area shape="circle" coords="100,100,30" href="f8a08.htm">
  <area shape="circle" coords="200,100,30" href="1d0f.htm">
</map>

どういうわけか、明らかに座標を見つける必要があります。

編集： 形状属性にrectまたはpolygonを使用することもできます。エリア要素にマウスオーバーまたはタイトル属性を追加することもできると思います。

さらに編集： または、html5DOMに統合できるgraphviz出力svgを作成することもできます。つまり、グラフ内の要素をDOMオブジェクトとして処理できる可能性があります。

于 2013-01-30T14:55:42.803 に答える
-3

If you are looking for a graphviz alternative, may be you could use jsPlumb Library. See some samples here

Also checkout JavaScript InfoVis Toolkit

于 2013-02-16T19:08:52.423 に答える