Question

我对d3js很新，我在使用css时遇到问题。这是我的语法：

我的css

div.chart{
 font-family:sans-serif;
 font-size:0.7em;
}
div.bar {
 background-color:DarkRed;
 color:white;
 height:3em;
 line-height:3em;
 padding-right:1em;
 margin-bottom:2px;
 text-align:right;
}

我的d3js

$("document").ready(function(){

   d3.json("https://api.myjson.com/bins/fwhm5",function(data){
     d3.select("body")
       .append("div")
          .attr("class","chart")
       .selectAll(".bar")
       .data(data.cash)
       .enter()
       .append("div")
          .attr("class","div")
          .style("width",function(d){return d.count/100 + "px"})
          .text(function(d){return Math.round(d.count)})


  })


})

除了CSS之外的所有东西都在工作。这是codepen url https://codepen.io/anon/pen/VzLMzb

Answer 1

.append("div")
      .attr("class","div")

不应该是

.append("div")
      .attr("class","bar")

Answer 2

您在第10行创建了一个名为div而不是bar的类：

.attr("class","div")

这应该是：

.attr("class","bar")

为什么我的css没有在d3js上工作

2 个答案: