Question

我有一个表单，当单击提交时，使用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信息与图形新手有点对比？

Answer 1

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

这会选择正文并将svg附加到结尾，以便它显示在内容的末尾。

如果用id表示div元素替换“body”，它会将svg附加到该div。然后可以将div放在您想要的位置。

d3.select("#id").append("svg:svg")

在浏览器窗口中更改d3 svg框的位置

1 个答案: