2016-11-25 3 views
0

部分的にノードの境界から外れてしまう、ノードの内部にシェイプを持ちたいと思っています。意味、-10px親要素の左上および左。GoJSノードまたはグラフオブジェクトの内部に「目に見えるオーバーフロー」がある

は、今私は、長方形やノードの内部に円を持っており、それは次のようになります。あなたが見ることができるように、リンクが正しく接続されません

enter image description here

ノードの大きさがあるため、拡張された。私は、CSS用語を使用してサークルを絶対的な位置に置くことを望んでいます。言い換えれば、ノードのサイジングに影響を与えたくありません(このサンプルでは見えません)。

私は以下の解決策を試しました:

ノードに幅と高さを設定します。次に、それは境界から外れているので、円を切り抜きます。

ノードのfromSpotプロパティとtoSpotプロパティを使用して、リンクをノードの中心に接続します。どうやらそれらはレイアウトによってオーバーライドされていて、isLayoutPositionedを無効にする方法を理解できません。

装飾を使用していますが、私はそれらを使用する方法を全く理解していません。

どうやら要素のオーバーフローを表示したり、何らかの形で境界線に影響を与えるように設定したりすることはできますか?

ここで適切な解決策は何ですか?

答えて

0

は、あなたのノード「スポット」パネルを作成し、それをGraphObject.portIdを割り当てることで、あなたのノードの「ポート」の「主な」要素を作成し、「メイン」の要素に赤い丸を位置決めGraphObject.alignmentプロパティを設定します。この場合、go.Spot.TopLeftに設定します。私はまた、Node.locationObjectNameを割り当てることがあなたが望むものであると推測しています。

myDiagram.nodeTemplate = $(go.Node, "Spot", { locationSpot: go.Spot.Center, locationObjectName: "BODY" }, $(go.Shape, { name: "BODY", width: 50, height: 50, fill: "lightgreen", strokeWidth: 0, portId: "" }), $(go.Shape, "Circle", { alignment: go.Spot.TopLeft, width: 20, height: 20, fill: "transparent", stroke: "red" }) );

​​

http://gojs.net/latest/intro/nodes.htmlで詳細をお読みください。はじめのページhttp://gojs.net/learnだけでなく、作成するアプリの種類に当てはまる紹介ページのすべて、http://gojs.net/introを読むことをお勧めします。

特に、これらは、有用であるはずである。

関連する問題