d3过渡扩展div

Question

我想在我的d3对象中创建一个转换，我将鼠标悬停在svg矩形上并超出svg对象，div会扩展其中的数据值：

我的div有以下变量：

var answer = d3.select("body").select("div.answer");
var datablock = answer.select("p.data");

为了在我的svg对象悬停时扩展answer：

.on("mouseover"), function(d) {
      answer.transition()
            .duration(1000)
            .attr("height",200)
            .style("border", "1px solid black");
      datablock.text(d.name+" = "+d.age);  
    }

但它没有用，我在解决div的高度时做错了什么？ 还有一些其他的过渡都是有效的。

Answer 1

<div>元素没有高度属性，它具有高度CSS样式，除非高度为0，否则必须使单位有效。