Question

我正在使用d3编写一个图表函数。但它没有用。请帮助任何人。

    <script>

    var chart=function(a){
        var w=960,h=500;
        var svg=d3.select('#a')
            .append("svg")
            .attr("width",w).attr("height",h);

        svg
            .append("text")
            .text("hello world").attr("x",100).attr("y",100);
    }
    chart(context);

    </script>

div标签id是'context'（）。

Answer 1

现在，您将"#a"作为字符串传递。您必须将字符串"#"与您的参数连接起来。

例如，请看这个代码段：

var foo = "bar";

console.log("#foo");
console.log("#" + foo);

第一个console.log为您提供"#foo"，因为它只是一个字符串。第二个为您提供值foo。

所以，你的代码应该是：

<script>

var chart=function(a){
    var w=960,h=500;
    var svg=d3.select('#' + a)
        .append("svg")
        .attr("width",w).attr("height",h);

    svg
        .append("text")
        .text("hello world").attr("x",100).attr("y",100);
}
chart(context);

</script>

d3.js函数不使用div id

1 个答案: