3

送信をクリックすると、d3を使用してsvgを生成するフォームがあります(既に存在する古いsvgを削除した後)。svg がフォームの下ではなく、ブラウザ ウィンドウの左上部分にあるようにするにはどうすればよいですか? これは、送信ごとに削除してから新しい svg を生成するコードです。

//(form)
//(function call on form submit)

d3.select("#thesvg").remove();
var svg = d3.select("body")
    .append("svg:svg")
    .attr("width", w + m[1] + m[3])
    .attr("height", h + m[0] + m[2])
    .attr("id", "thesvg")
    .append("svg:g")
    .attr("transform", "translate(" + m[3] + "," + m[0] + ")");

w、h、m は、それぞれ幅、高さ、マージンです。

ある種のスタイル タグを使用する必要があると思いますが、github の d3 wiki でスタイル情報を見つけることができませんでした。より一般的に言えば、グラフィック初心者向けの d3 情報は他にありますか?

4

1 に答える 1

6 
d3.select("body").append("svg:svg")

これにより、本文が選択され、最後に svg が追加されるため、コンテンツの最後に表示されます。

「body」を div 要素などの ID に置き換えると、その div に svg が追加されます。div は、必要な場所に配置できます。

d3.select("#id").append("svg:svg")
于 2012-06-22T13:27:49.067 に答える