Cytoscape.jsのエッジ内にどのようにラベルを埋め込むことができますか？

Question

Cytoscape.jsのエッジにラベルを埋め込み、エッジがlike thisのように再現したいと考えています。

私は最近、GitHubの問題ページでこれをa feature requestと尋ねましたが、これはすでに可能なようです。

Maxkfranzは方向を示す小さな矢印でエッジの内側のエッジのラベルを取得するために必要とされている唯一のものは、エッジのスタイルプロパティに2つのアイテムであることを言う：

text-background-color: white; text-rotation: autorotate;

私たちは、これを試して、それは仕事をするようには見えないので、何かが欠落していたかどうか疑問に思っていた。ここはthe code we are usingです。

83行目と84行目は、Maxkfranzが提案した修正を示していますが、そのトリックを実行していないようです。私たちの返事を誤解している可能性は間違いありませんが、特定の修正がどこにあるのかわかりません。任意の提案をいただければ幸いです。

Answer 1

あなたのテキストは、常に中央の矢印と重なります。中央矢印は端点矢印の置き換えを意図しています。両方を持つことにはあまり意味がありません。

テキストの横に矢印を表示したい場合は、ユニコードの三角形の文字（例："\u25B6"）を使用します。矢印のシフトはサポートされません。これは、ベジェ曲線のエッジに対しては非常に高価なためです。