Question

d3.js没有按预期附加div。 FF 18+和Firebug上的调试器。

返回d3对象（在警告消息上），但图表对象返回空白。

d3.js lib加载正常。

这是代码

    <?php header('Content-type: text/html; charset=utf-8');?>
<!DOCTYPE html>
<html>
    <head>
        <script type='text/javascript' src='js/d3.v3.js'></script>
        <script type='text/javascript'>
            var data = [4, 8, 15, 16, 23, 42];

            var chart = d3.select("#hurtme").append("div").attr("class", "chart");

            alert (d3);

            //chart.selectAll("div").data(data).enter().append("div").style("width", function(d) { return d * 10 + "px"; }).text(function(d) { return d; });

        </script>
    </head>
    <body>
        <div id='hurtme'></div>
        hello
    </body>
</html>

我错过了什么？

PS：我已经放弃了浏览器的不兼容性，因为网络上的其他例子工作正常。

PS2：还尝试使用d3.v2.js并从<script src="http://d3js.org/d3.v3.min.js"></script>上的源加载，到目前为止没有成功。

Answer 1

在

存在之前，您的脚本已加载并执行。尝试在div之后移动脚本标记：

<div id='hurtme'></div> <script> type='text/javascript'> var data = [4, 8, 15, 16, 23, 42]; var chart = d3.select("#hurtme").append("div").attr("class", "chart"); </script>

或使用'onload'功能：window.onload vs document.onload

d3.js无法在本地服务器上运行

1 个答案: