为什么我的 css 在 d3js 上不起作用答案

【问题标题】：Why does my css not working on d3js为什么我的 css 在 d3js 上不起作用
【发布时间】：2017-07-26 22:03:45
【问题描述】：

我对 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 之外的一切都在工作。这是代码笔网址https://codepen.io/anon/pen/VzLMzb

【问题讨论】：

您具体想达到什么目标，您在哪里遇到了问题？问题可能是您分配的是“div”类而不是“bar”类？
哪个部分不工作？如另一条评论中所述，如果您将 css 选择器与您提供新 div 的类匹配，它可能会起作用：codepen.io/anon/pen/VzLMQW（您给它类“div”，但使用 css 选择“.bar”）
给你：codepen.io/anon/pen/Xabeqm

标签： javascript jquery css d3.js

【解决方案1】：

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

不应该是这样的

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

【讨论】：

【解决方案2】：

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

.attr("class","div")

这应该是：

.attr("class","bar")

【讨论】：