148

私は をD3.js始めたばかりで、今日だけ学習を始めました

ドーナツの例を見て、このコードを見つけました

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height)
  .append("g")
    .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");

ドキュメントを検索しましたが、何.append("g")が追加されているのかわかりませんでした

それはD3具体的ですか？

ここでガイドを探しています

4

2 に答える 2

135

SVG に「g」要素を追加します。g要素は SVG 形状をグループ化するために使用されるため、d3 固有ではありません。

于 2013-06-12T06:09:24.470 に答える
23

私もd3の学習曲線からここに来ました。すでに指摘したように、これは d3 に固有のものではなく、svg 属性に固有のものです。これは、svg:g (グループ化) の利点を説明する非常に優れたチュートリアルです。

これは、パワーポイント プレゼンテーションで行うようなグラフィカルな描画での「グループ化」の使用例とそれほど違いはありません。

http://tutorials.jenkov.com/svg/g-element.html

上記のリンクで指摘されているように: 翻訳するには、translate(x,y) を使用する必要があります:

には<g>-elementx および y 属性がありません。a のコンテンツを移動するには<g>-element、transform 属性を使用して、次のように「translate」関数を使用する必要があります: transform="translate(x,y)".

于 2013-07-31T20:31:57.277 に答える