2016-10-26 8 views
0

D3で作成された矩形とテキストが、以下のようにグループ化されています。D3拡大矩形のテキストが調整されていません

<g> 
<rect></rect> 
<text></text> 
</g> 

JavaScript関数では、テキストの値を1つに表示できるように、この矩形の幅を拡大しています。 (テキスト値が動的に設定されるため、値が長すぎる場合)。これはうまくいきます。しかし、矩形の幅がテキスト値のサイズに応じて拡大しても、D3テキスト要素は追加されるテキスト値全体を表示しないため、最終的にテキストは左に移動し、その最初のビットは見えません。

テキスト要素の幅を増やす必要がありますか、これに対して解決策はありますか?

[UPDATE]

以下は現在のコードです。

ここで、矩形が展開されるときにテキスト要素の位置を更新する方法が必要です。これがより明確であることを願っています。私は、手動で動作するテキスト要素の 'x'プロパティを更新しようとしました。しかし、この値を動的に引き出して、この関数内で動的に設定することはできますか?

+0

こんにちはヘラルドを手に入れた、はい、基本的に私は、矩形が展開されているとしての出発点を移動するために、テキスト「X」プロパティの値を変更する必要があります。私は長方形の中にテキストを配置する必要があります。これを引き出すのにtextLengthが役立つでしょうか? – user2894296

+0

この場合ではありません。ここであなたを助けるために実際のコードを見る必要があります。 –

答えて

関連する問題