如何使用d3 js設置樣式表的屬性？

如何設置opacity:1爲「labelwebmetro.com」類使用d3 js。如何使用d3 js設置樣式表的屬性？

<g class="circle" transform="translate(686.7254745357253,1011.2761564139669)"> 
<text x="12" dy=".35em" class="labelwebmetro.com" style="opacity: 0;">webmetro.com</text> 
<circle style="fill: rgb(255, 127, 14);" r="40" class="circlewebmetro.com"/> 
</g>

來源

2015-10-06 Musakkhir Sayyed

您可以選擇爲使用selection.style，

d3.select("g text.myClass").style("opacity", 1);

的事情是類名labelwebmetro.com可能無法正常工作，因爲它包含一個點（。），但您可以嘗試一下。如果你能用某種更乾淨的東西來替換它，那將是好事。除了使用點（。）的類名稱不支持跨瀏覽器，我相信。

看看這個了how to use a CSS class with a dot。

來源

2015-10-06 11:30:07 Rohit416

d3.select選擇具有給定條件的第一個元素。在這種情況下，我們正在尋找具有類特定類的文本。然後樣式函數修改選擇的樣式。

d3.select('text.labelwebmetro.com').style('opacity', 1.0);

如果你想改變與labelwebmetro.com類的每一個元素，那麼你可以做

d3.selectAll('.labelwebmetro.com').style('opacity', 1.0);

來源

2015-10-06 11:28:45 baklazan

如何使用d3 js設置樣式表的屬性？

回答

相關問題