cytoscape.js

0熱

1答えて

私はcytoscape.jsで新しく、Cytoscapeソフトウェアのような破線をアニメートすることができるかどうかを知りたいと思います。目的は動きを表現することです。ありがとう！

0熱

1答えて

化合物ノードは、他の親との間に接続があり、子ノードが接続を持たない場合、レイアウトに従わないようです。 elements: { nodes: [ {"data":{"id":"SimpleTest"}}, {"data":{"id":"child1","parent":"SimpleTest"}}, {"data":{"id":"child2","parent":"SimpleTest"}

0熱

2答えて

ノードの単一軸への移動の制限

Cytoscape.jsを使用すると、ノードの移動を単一の（つまりx軸またはy軸の）軸に制限できますか？私はそれを作ることができるようにしたいのですが、ノードは垂直方向または水平方向にのみドラッグできますが、両方をドラッグすることはできません。言い換えれば、ノードをロックしたいのですが、1つの軸だけをロックします。私はこれが可能かどうか確かではなく、これを特に言及したドキュメントで何も見つけること

0熱

2答えて

canoscvasのアイコンをcytoscape.jsに描く

私はcytoscape.jsを使用しています。選択したノードの隣に小さな削除アイコンを描きたいのですが、APIを使ってキャンバスに描画する方法はわかりません。私は、私も cy.on('select', '*', function (event) { const element = event.cyTarget; // draw icon on the canvas })

1熱

2答えて

Cytoscape.jsでグラフを作成するアニメーション

こんにちはCytoscape.jsでグラフを作成する方法を学習したいと思います。私にとってこれは、ユーザーがレイアウトアルゴリズムを選択し、ルートノードから始まり、エッジがノードから成長し、最終的にはグラフの次のノードの方向を指すことを意味し、そのノードは小さなドットが表示され、プロセスが繰り返されます。これは最終的に、構築されているグラフ全体をアニメーション化することになります。私はこれがちょう

1熱

1答えて

クリック時のノードのスタイルを変更するCytoscape.js

クリック時にノードのスタイルを変更できないようです。私はグラフで2つのノードを追跡するために、基本的に2つのノードを同時に選択するようにプログラム的に行う必要があります。ここにある例（http://js.cytoscape.org/#eles.addClass）のように、特定のノードのシートに新しいスタイルを「ドロップする」ような例があります。私はこれらのクラスがどのように動作するのか、スタイルシ

2熱

1答えて

サイトスコープ。 URLからの依存関係のロード

これは非常に簡単な質問です。 URLを介してサイトスコープをソースとして指定するにはどうすればよいですか？私はそれが <script src="https://d3js.org/d3.v4.min.js"></script> cytoscapeための同等のアドレスはどのようなものです非常に簡単ですD3を知っていますか？ありがとうございます！

1熱

1答えて

隠しサイトスコープグラフを後で表示することはできません

2つのブートストラップカラム（各幅は12のうち6つです）、左側のボタンにはいくつかのボタンがあり、右側には5つのノードで初期化されたサイトスコープグラフが含まれています。ページの読み込みが完了すると、Cytoscapeグラフは非表示に設定されます。 $('.cyto_div').hide(); 「表示」ボタンをクリックすると、サイトスコープのグラフが表示されます。 $('.cyto_div'

1熱

1答えて

Cytoscape.js：クラスを取得し、フィルタリングされたノードを返します。（getter not existent？）

この質問は次のコンテキストから発生します。デモ版hereなどのさまざまな属性を持つフィルタがあります。最小限の実施例では、すべてのチェックボックスがノードのクラスの1つを表すと考える。目標は、このフィルタのオフに基づいてノードを追加/削除することができるようになります。一部のノードは複数のクラスに属している場合があります。私はhide/showでこれを動作させることができます。そのコードはこ

0熱

1答えて

Cytoscape JS：グラフ 'boxend'イベントをキャッチ

ウェブアプリケーションにサイトスコープグラフを追加しました。コアの設定では、boxSelectionEnabledをtrueに設定しました。これは、グラフ要素の周りにShiftキーまたはCtrlキーを押しながらボックスを描画させます。今、私はこのようなグラフのboxendイベント、 this.cy.on("boxend", lang.hitch(this, function (event) {