d3.js在本地服务器上不工作_D3.js

d3.js在本地服务器上不工作

d3.js

d3.js在本地服务器上不工作,d3.js,D3.js,d3.js没有像预期的那样追加div。在FF 18+和Firebug上调试 d3对象在警报消息中返回，但图表对象返回空白 d3.js库加载正常这是密码 <?php header('Content-type: text/html; charset=utf-8');?> <!DOCTYPE html> <html> <head> <script type='text/javascript' src='js/d3.

d3.js没有像预期的那样追加div。在FF 18+和Firebug上调试

d3对象在警报消息中返回，但图表对象返回空白

d3.js库加载正常

这是密码

    <?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：我已经讨论了浏览器的不兼容性，因为其他来自web的例子都很好

PS2：也尝试使用d3.v2.js并从源代码加载到，目前为止没有成功。

您的脚本在div出现之前加载并执行。尝试将脚本标记移动到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”函数：

您的脚本在div出现之前被加载并执行。尝试将脚本标记移动到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”功能：

OMG。。。无论如何，在我尝试使用“body”标记而不是“div”对象之前，我没有怀疑这是什么原因。无论如何，天哪。。。无论如何，在我尝试使用“body”标记而不是“div”对象之前，我没有怀疑这是什么原因。无论如何，谢谢。