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

Question

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

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>

Run Code Online (Sandbox Code Playgroud)

我错过了什么？

PS:我已经放弃了浏览器的不兼容性,因为网络上的其他例子工作得很好.

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

Answer 1

cmo*_*key 8

在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>

Run Code Online (Sandbox Code Playgroud)

或者使用'onload'函数:window.onload vs document.onload

归档时间：	12 年，9 月前
查看次数：	1402 次
最近记录：	12 年，9 月前