爲什麼D3不工作在NW.js

Question

[更新]：事實證明，npm版本D3不起作用，我更改爲CDN版本，一切正常，但我仍然想知道什麼是錯的require（「d3 「）

---

所有：

我非常新的NW.js，目前我想在它使用D3，但連基本的d3.select不能工作，任何想法？唯一的一點工作，選擇是d3.select("body")

<div id="app"></div> 

<script> 
var d3 = require("d3"); 
function barChart(){ 

    var width, height; 

    function render(root){ 


     root.append("svg") 
      .attr({ 
       width:width, 
       height:height 
      }) 
      .append("rect") 
      .attr({ 
       width: 0.5*width, 
       height: 0.5*height 
      }) 
      .style({ 
       fill:"red" 
      }) 



    } 

    render.width = function(value){ 
     if(value != undefined){ 
      width = value; 
      return render; 
     } 
     return width; 
    } 
    render.height = function(value){ 
     if(value != undefined){ 
      height = value; 
      return render; 
     } 
     return height; 
    } 



    return render; 
} 


// this does not work 
var root = d3.select("#app"); 
var chart = barChart(); 
chart.width(400).height(400) 
chart(root); 

</script> 

感謝

Answer 1

在上下文中的NodeJS你負荷D3。嘗試加載它在瀏覽器上下文：

<script src="js/dependencies/d3.min.js"></script> 

Answer 2

我使用npm安裝d3，不得不寫這得到它的工作：

win.on('loaded', function() { 
    d3_root = d3.select(document); 
}); 

現在我可以用d3_root.select()而不是d3.select。

據我所知，這是因爲nwjs上下文，你正在腳本中的「服務器」端工作，所以你必須先選擇文件。如果你直接寫代碼到html文件d3.select()應該沒問題。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.