Warum d3 funktioniert nicht in NW.js

Question

[UPDATE]: es stellt sich heraus, dass die npm-Version D3 nicht funktioniert, ich auf CDN-Version ändern, und alles funktioniert, aber ich frage mich immer noch was mit require ("d3 „)

---

Alle:

ich bin ziemlich neu in NW.js, zur Zeit versuche ich, D3 in ihm zu benutzen, aber auch die grundlegende d3.select kann nicht funktionieren, eine Idee? Das einzige, was die Arbeit mit select ist 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> 

Dank

Answer 1

Sie Last d3 in NodeJS Kontext. Versuchen Sie es in Browser Kontext zu laden:

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

Answer 2

Ich installierte d3npm mit und hatte dies zu schreiben, um es Arbeit zu bekommen:

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

Jetzt habe ich d3_root.select() statt d3.select verwenden können.

Wie ich verstehe, ist es wegen nwjs Kontext, Sie arbeiten auf der Seite "Server" in Ihrem Skript, so dass Sie zuerst Dokument auswählen müssen. Wenn Sie Code direkt in HTML-Datei schreiben d3.select() sollte OK sein.