1

d3 に関する質問に関して JSfiddle で何かを作成しようとしていますが、予期しない問題に待ち伏せされましgたsvg。

インライン スタイリング、クラス (" !important" を含む) を使用してみましたが、何も機能しないようです。寸法が でくっついて0,0おり、調べてみると幅と高さが " auto" になっています (なぜ?!)

これは些細な問題のように思えますが、私の人生では、「g」要素が幅と高さの値を受け入れることができないようです

JSFiddle を参照してください: http://jsfiddle.net/sangil/uKLU3/

4

1 に答える 1

3

<g>オートサイズコンテナです。それ自体に寸法はありませんが、その代わりに、すべてのコンテンツを含むように常に自動的にサイズ変更されます。

何も表示されない理由は、(html とは異なり) SVG がスタイルを使用してサイズを調整するのではなく、代わりに属性を使用するためです。あなたが望んでいるのは

g.append("rect")
    .attr("width", "300px")
    .attr("height", "200px")
    .style("fill", "steelblue");
于 2013-10-24T12:55:42.053 に答える