为什么我的css不能在d3js上工作

我对d3js非常陌生，而且我正在使我的css工作出现问题。下面是我的语法：为什么我的css不能在d3js上工作

我的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网址https://codepen.io/anon/pen/VzLMzb

来源

2017-07-26 Lucas

你有什么特别的想法，你在哪里遇到麻烦？问题可能是你正在分配class“div”而不是class“bar”？ – showdev

什么部分不起作用？正如在其他评论中指出的，如果你将css选择符与你给新的div的类匹配，它可能会工作：https://codepen.io/anon/pen/VzLMQW（你给它的类“div”，但用css选择“.bar”） –

这里你去：https：//codepen.io/anon/pen/Xabeqm –

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

难道不该

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

来源

2017-07-26 22:07:44 jdp80

您创建一个名为div的，而不是上线10条类：

.attr("class","div")

这应该是：

.attr("class","bar")

来源

2017-07-26 22:08:20 Robert

为什么我的css不能在d3js上工作

回答

相关问题