Javascript D3过渡工作于；背景色；但不是在“上”；宽度“；

简单的问题：我试图在一个

中编码一个动画条形图，您正在使用css样式设置宽度。这需要（px、em或%）

更新代码：



数据=[100200400350]；
d3.选择（“图表”）
.selectAll（“div”）
.数据（数据）
.输入（）
.附加（“div”）
.样式（“高度”，“30px”）
.样式（“宽度”，功能（d）{
返回d/2+“px”
})
.style（“背景色”、“灰色”）
.transition（）
.期限（2000年）
.样式（“宽度”，功能（d）{
返回d+“px”；
})
.style（“背景色”、“蓝色”）；

data=[100,200,400,350];
d3.select("#chart")
.selectAll("div")
.data(data)
.enter()
.append("div")
  .style("height",30)
  .style("width",function(d){return d/2})
  .style("background-color","grey")
  .transition()
    .style("width",function(d){return d})
    .style("background-color","blue");