在DIV中发出d3 js树形图样式

Question

我有一个树形图表，我想把它放入div标签，这样我就可以隐藏图表并轻松控制它的位置。

但是当我尝试将d3图表放入不同的div时，这不起作用。

尝试这种方式 -

<div class="overviewMain" id="overviewMain">
    <div class="overviewHeader"><span>Overview</span></div>
    <div class="treediv" style="margin-top:60px;">
        <div id="tree"></div>    /*  --> D3 Tree chart */
    </div>
</div>

以下是工作演示：http://jsfiddle.net/JnNwu/974/

我错过了什么？

Answer 1

您要将SVG附加到body而不是div。

var svg = d3.select("body").append("svg")

更改此项以附加到所需的div #tree

var svg = d3.select("#tree").append("svg")

查看工作JSFiddle。