2013-02-08 54 views
1

d3.js不按預期附加div。 Debug 18 FF和Firebug。d3.js不能在本地服務器上工作

返回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>,至今沒有成功。

回答

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> 

或者使用「的onload」功能:window.onload vs document.onload

+0

OMG ......反正我是沒懷疑原因之前,我用「身體」嘗試標記而不是'div'對象。任何方式thx。 – 2013-02-08 15:07:35

相關問題