問題タブ [dagre-d3]
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.
javascript - Dagre d3 を使用してズーム後に HTML を再レンダリングする
編集 dagre-d3 ライブラリの少し古いバージョン (4.11) を使用する解決策を見つけました。誰かが最新バージョンの問題を見つけることができれば、それも役に立ちます。ありがとうございました
Dagre d3 を使用していくつかのグラフを描画しています。
最初にグラフをレンダリングするとき、私はそうします
次に、ユーザーが特定のノードをクリックすると、そのノードのラベルに HTML を追加したいと考えています。これは、次のようにしてグラフを再レンダリングしない限り表示されません。
維持することで、ズームして再レンダリングした後もグラフが適切に維持されるようになるcurrentPositionと思いました。currentZoomScaleしかし、そうではありません。ズームアウトするとすべてのノードが小さくなり、ズームインすると大きくなります。
javascript - jqueryを使用してDagre d3のHTMLラベルを変更する
Dagre D3 のノード ラベルの HTML を動的に変更しようとしています。
ただし、これは機能しません。私が変更できる唯一の方法は.unselected-node、HTML に直接アクセスすることです。
これは、HTML を手動でコード化し、javascript ファイルのどこかに文字列として保存する必要があることを意味します。これは非常に理想的ではありません。ラベルを動的に変更する方法はありますか?
これは問題の HTML ですが、jQuery を使用して dagre d3 html を変更しようとするたびに発生するため、問題はこの例よりも一般的です。
私もやってみましd3.select(...)たinputTemplate
attr.('visibility', 'hidden')
しかし、それもうまくいかないようです。
javascript - Ctrlキーとマウスホイールをクリックしてd3ズームし、ブラウザズームを無効にします
ctrl とマウスホイールをクリックして dagre-d3 グラフをズームしたい。ctrlを押さないと、ブラウザのスクロールがアクティブになります。グラフをパンしたいときは、ctrl をクリックしなくても機能するはずです。出来ますか？フィドルを作成しましたが、機能しません。
d3.js - Julia パッケージに dagre-d3.js を実装できない
有向非循環グラフを表示するために d3.js と dagre-d3.js を実装する Julia パッケージをコーディングしています。スクリプトをWebページに印刷するパッケージ「D3Graphs.jl」があります。私のジュリアコードには次のものがあります：
これにより、d3 を使用できるようになりました。ただし、dagre-d3.js ( https://raw.githubusercontent.com/cpettitt/dagre-d3/master/dist/dagre-d3.js ) を使用しようとすると、機能しません。私は次のものを持っています：
rawgit バージョンと cdnjs の両方を使用し、https を http に変更しました。また、それを jypter ノートブックと同じフォルダーにアップロードしました。他にできることはありますか？ありがとうございました！