問題タブ [image-graphviz]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1928 参照

php - Image_Graphviz パッケージを使用してデフォルトのノード属性を設定する

以下のグラフは、GraphVizを直接使用してドット言語を使用するか、PHP を使用して PEAR パッケージのImage_GraphVizを使用して作成できます。

以下のコードからのgraphviz png画像

ドット ファイルは、4 つの要素タイプすべて (グラフ、クラスター、ノード、エッジ) の属性の既定値を設定できます。Image_GraphViz は、グラフ レベル属性のデフォルトのみを設定できるようです。

ノードとエッジのデフォルト属性値を Image_GraphViz オブジェクトに追加するための構文を知っている人はいますか?

0 投票する
1 に答える
448 参照

php - Image_Graphvizの例は何も示していません

梨のImage_Graphvizを使おうとしています。pearinstallを介してパッケージをインストールしました。すべてうまくいきました。洋ナシのリストには、パッケージが安定していると表示されます。与えられた例を表示しようとすると、空のページが表示されます。洋ナシのパッケージ以上のものをインストールする必要がありますか?PHP5.3.2とPHP5.2.7を試してみました

0 投票する
1 に答える
3853 参照

graphviz - Graphvizの二重引用符と括弧

ノードに二重引用符と括弧を表示したい。

A [label = "Rahul(A)"]を使用せずに。Rahul(A)->Bの間に見せたい

0 投票する
1 に答える
607 参照

php - PHPのmd配列を使用してgraphvizグラフを作成する

こんにちは、php 配列から GraphViz グラフを作成する方法を探しています。キーとそれに対応する値を抽出し、それらを使用してグラフを作成する必要がある連想多次元配列があります。1D 配列による例:

キー「犬」を抽出し、それをうなずきのラベルとして使用し、対応する値「4」を抽出し、それを使用してそのうなずきのサイズを定義する必要があります。多次元配列でも同じことをする必要があります。ばかげた例:

出力を次のように定義する必要があります。

最初のノードの名前/ラベル: 最初の配列の最初のキー => "dogs" 2 番目のノードの名前/ラベル: 2 番目の配列の最初のキー => "rot" 、そのノードのサイズは対応するキーの値です- この場合は「7」です。

また、array_script.php (MD 配列を作成するスクリプト) からグラフを作成する新しいスクリプトに変数を渡す方法も知っておく必要があります。グラフを作成するためのサンプル コードを php スクリプトに入れてみましたが、出力は次のような警告メッセージでした。

誰でもこれで私を助けてもらえますか?

0 投票する
2 に答える
3283 参照

ocaml - ocamlでオートマトンを視覚化/描画するには?

オートマトンの作曲をしています。それで最後に合成オートマタも描きたいです。ocaml にそのためのライブラリはありますか? または、グラフ視覚化ツール用に書かれた ocaml ラッパーはありますか? 私はそれをグーグルで検索しましたが、ocaml についてはあまり得られませんでした。ocamlgraph に関するコメントはありますか? 合成オートマトンで 100 以上の状態を取得します。

0 投票する
1 に答える
846 参照

graphviz - Graphviz での UML のような図の設計に関する問題

現在、graphiz で UML のような図を設計する際に問題が発生しています。問題の理由は、それらが正確に UML ダイアグラムではないことにあります。主な違いは、インデントを使用してオブジェクトのプロパティに階層を追加することです。これらの特異性を実装することは、私にとって少し難しいです。私が達成しようとしているのはこれです:

図1

record私は通常、これらのダイアグラムを設計するために呼び出されるノード シェイプを使用します。UML の関係、つまり集約、関連付け、構成などのように、これらの UML に似た図の 2 つをリンクする必要がある場合に問題が発生します。

ダイアグラムがある場合、矢印はあるノードのランダムな部分から別のノードの別のランダムな部分にしか移動しないため、矢印との関係を作成できません。UML のようなダイアグラムを作成する方法は良いのですが、あるノードの特定のポイントから別のノードの別の特定のポイントに矢印を移動させたいので、関係の矢印が原因で、私が望むものにはなりません。

図2

このグラフの作成に使用した DOT コードは次のようなものです。

線が必要ないにもかかわらず、ノード内で水平線分割を使用してこの問題を回避しようとしました。水平線の分割により、ポートを使用してこの特定の関係を可能にすることができますが、それ自体が新しい問題を引き起こします。それらが作成する問題は、前のグラフで必要だったインデントを取り除くことです。矢印の問題を回避しようとした方法は機能しますが、新しい問題が作成されます-インデントが消え、水平線の分割を非表示にすることはできません

図 3.

このグラフを作成するために使用したコードは次のとおりです。

これらのくぼみは関係の大きな部分を占めるので、これらのくぼみを図に戻すにはどうすればよいか、水平線の分割を非表示にするために何ができるかを誰かが知っているかどうか疑問に思っています?

図1を達成するのに役立つ、図2と3で行ったこととはまったく異なる、より良い方法/アイデアを誰かが持っていれば幸いです.

0 投票する
2 に答える
10775 参照

graphviz - graphvizでノードの重複を回避する方法は?

多くのノードとエッジを持つグラフを描画しようとしています。

ただし、ノードとエッジが重なって、グラフが不器用になりすぎています。私は(失敗して)、以下、これらのすべてまたは組み合わせを試しました。

neatopngファイルの生成に使用しています。

サイズの指定もうまくいかなかったようです。

ヒントをいただければ幸いです。

0 投票する
3 に答える
822 参照

c# - Graphviz の問題 - gvLayout() - ライブラリの操作

C#でコーディングしています。以下の引数を関数 gvLayout(gvc, g, layout) に送信しています

Graphviz のフォルダーから dll をインポートしました。

私は答えを得る:

だから私は試しました:

そして得た:エラー:レイアウトタイプ:「ドット」が認識されません。次のいずれかを使用します。

gvLayout(gvc, g, layout) の int 戻り値は -1 です (0 である必要があります)。


アップデート:

すべてのdllとconfig6ファイルをプロジェクトに入れました。今、私はメッセージを4回受け取りましたが、何も起こりません:

「libglib-2.0-0.dll がコンピューターにないため、プログラムを開始できません。この問題を解決するには、プログラムを再インストールしてください。」

問題は、ファイルが既に存在することです。そのファイルのコピーを System32 フォルダーにも追加しようとしましたが、どちらも機能しませんでした。


Graphviz がgvLayoutで失敗するのはなぜですか? となり、解決に至りませんでした。

0 投票する
1 に答える
250 参照

graphviz - 規則的なエッジを作成する GraphViz

私は Mediawiki サイト内で GraphViz を使用しています。つまり、svg ファイルで作業できません (残念ながら)。このグラフを作成しました

それは私が好きなものをほとんど生成しますが、16->5、10->6、13->4 のリンクは、ノード間で多くのスラロームを作成します。それらを正規化する方法はありますか?

また、6 と 5 の間のリンクは間違った方向に進んでいますが、正しくすることができませんでしたか? 何かトリックはありますか?

どうもありがとうございました。

ジョルジオ

0 投票する
2 に答える
320 参照

graph - クラスター間で双方向接続を集中させるにはどうすればよいですか?

次の有向グラフを取ります。

ここに画像の説明を入力

双方向接続を 1 つの矢印にするには、
を使用する必要がありますconcentrate=true;

ここに画像の説明を入力

これは個々のクラスター内では機能しますが、クラスター間では機能しません。
他の場所にも散水concentrate=trueしてみましたが、うまくいきませんでした。

ここに画像の説明を入力
有向グラフ クラスター間の接続を集中させるにはどうすればよいですか?