javascript - d3 Version4 获取空对象

Question

我正在尝试让 d3 v4 像 v3 之前那样工作基本的简单渲染，但我得到的是空对象。这是代码的简单版本:

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.4.0/d3.min.js"></script>
<script>
    var dataset = [23, 45, 66, 77, 88, 99];
    var svg = d3.select("body").append("svg").attr({width: 500, height: 500});
    console.log('svg : '+svg);
</script>

上面代码的结果是:

svg : null

用v3写同样的代码，结果

svg : [object SVGSVGElement]'

我在这里错过了什么？我正在学习教程，其中大部分都在 v3 中。

Answer 1

attr 函数可以接受两个参数 - 属性名称和属性值。试试这个:

var dataset = [23, 45, 66, 77, 88, 99];
var svg = d3.select("body").append("svg")
    .attr("height", 500)
    .attr("width", 500);

console.log('svg : '+svg);