为什么 d3 在 NW.js 中不起作用

Question

[UPDATE]：原来npm版本D3不行，我换成CDN版本，一切正常，但我还是想知道require("d3")有什么问题

---

全部：

我对 NW.js 很陌生，目前我正在尝试在其中使用 D3，但即使是基本的 d3.select 也无法工作，知道吗？唯一可以使用 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

我使用npm 安装了d3，并且必须写这个才能让它工作：

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

现在我可以使用d3_root.select() 代替d3.select。

据我了解，这是因为 nwjs 上下文，您正在脚本中的“服务器”端工作，因此您必须先选择文档。如果直接写代码到html文件d3.select()应该没问题。

Answer 2

您在 nodejs 上下文中加载 d3。尝试在浏览器上下文中加载它：

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