d3图表不会附加到除身体以外的任何选择器

时间:2014-10-17 03:08:18

标签: javascript svg d3.js

我要从http://bl.ocks.org/yuuniverse4444/8325617的Mike Bostock修改堆积条形图的以下代码,以便学习d3。

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right+legend_width)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

我发现此代码仅在关闭正文标记内部呈现。我尝试在页面中移动脚本的位置并将d3.select(" body")更改为d3.select("#chart_name")。

除非我使用术语“身体”,否则图表根本不会出现。有任何想法吗?感谢。

1 个答案:

答案 0 :(得分:0)

将您的Javascript文件放在DOM结构的底部。

否则,D3将无法进行选择。

类似的东西:

</body>
<script src="myscripts.js"></script>