2017-06-29 8 views
0

GoJSでは、リンクの上にアイコンが表示され、リンクが動くとアイコンも移動できるようになりますか?GoJS上のアイコン

たとえば、thisのようなものが必要ですが、いずれかのノードを移動するとアイコンも移動します。

答えて

1

もちろん、GraphObjectをリンクテンプレートに追加するだけです。デフォルトでは、このような "ラベル"(TextBlockである必要はありませんが、オブジェクトの任意の複雑なパネル)がリンクの中間点にあります。ラベルオブジェクトのプロパティを設定して、リンクのパスに沿って配置する場所と方法を制御できます。

のような何か: myDiagram.linkTemplate = $(go.Link, $(go.Shape), // the path $(go.Shape, { toArrow: "Standard" }), // the arrowhead $(go.Picture, ..., // your label implemented by a Picture showing an image { width: ..., height: ..., // with this offset relative to the mid point of the link path segmentOffset: new go.Point(0, -15) }) );

http://gojs.net/latest/intro/linkLabels.html

+0

で続きを読むありがとうございます!任意のリンクからこのアイコンを動的に追加/削除する方法はありますか? – deckeresq

+0

ラベルの** GraphObject.visible **プロパティ(あなたの場合は** Picture **)を設定またはバインドするのが一番簡単です。 Flow Chartのサンプルでは、​​リンクが「Decision」ノードから出てくるか、または通常のノードから出ているかによって、「Decision」ノードから出てくるリンクにラベルが付いているだけなので、これが実行されます。 –

関連する問題