9

jointjs ライブラリを使用してグラフを作成します。これはドキュメントが非常に少ない優れたライブラリです。

http://jointjs.com/demos/fsa 上記のページのように、リンク上でマウスを動かすと、リンクに「削除」アイコンが表示され、クリックしてリンクを削除できます。リンクの「削除」アクションを無効にしたい? お知らせ下さい。

4

5 に答える 5

13

最も簡単な方法は.link-tools .tool-remove { display: none }、CSS で設定することです。

于 2013-12-31T16:15:30.717 に答える
5

リンクの表示に使用されるマークアップを変更できます。ドキュメントには、すべてのマークアップ要素がリストされています。「接続」のみ必須です。

<path class="connection"/>
<path class="marker-source"/>
<path class="marker-target"/>
<path class="connection-wrap"/>
<g class="labels" />
<g class="marker-vertices"/>
<g class="marker-arrowheads"/>
<g class="link-tools" />

たとえば、次の例では、エンド マーカーとラベルのみを使用して、ツールやホバー アウトラインを使用せずにリンクを作成します。

var MyLink = joint.dia.Link.extend({
    markup: '<path class="connection"/><path class="marker-target"/><g class="labels" />'
});
于 2016-01-14T09:08:06.883 に答える
2

Dave が示したように、これは css で行われますが、オプションを追加する必要があります。CSS のエントリは次のとおりです。

.link-tools .tool-remove { display: none }
.link-tools .tool-options { display: none }
于 2014-06-27T19:57:52.890 に答える
0

矢印の頭には、クラスを持つg要素があることがわかります。marker-arrowheads

そう：

.link .marker-arrowheads { display: none; }

するべきです。

marker-verticesclassを持つ要素もあることに注意してください。

于 2015-09-29T14:22:17.123 に答える