0
我對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
你有什麼特別的想法,你在哪裏遇到麻煩?問題可能是你正在分配class「div」而不是class「bar」? – showdev
什麼部分不起作用?正如在其他評論中指出的,如果你將css選擇符與你給新的div的類匹配,它可能會工作:https://codepen.io/anon/pen/VzLMQW(你給它的類「div」,但用css選擇「.bar」) –
這裏你去:https://codepen.io/anon/pen/Xabeqm –