为什么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.