Question

如何使用 d3 js 为＆＃34; labelwebmetro.com＆＃34; 课程设置opacity:1。

<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>

Answer 1

您可以在选择器上使用selection.style，

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

事情是类名labelwebmetro.com可能不起作用，因为它包含一个点（。）但是你可以尝试一下。如果你可以用更干净的东西替换它，那将是件好事。除了带有点（。）的类名不支持跨浏览器支持我相信。

请查看how to use a CSS class with a dot。

Answer 2

d3.select选择具有给定条件的第一个元素。在这种情况下，我们正在寻找具有类特定类的文本。然后样式函数修改选择的样式。

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

如果你想用类labelwebmetro.com更改每个元素，那么你可以做

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

如何使用d3 js设置样式表的属性？

2 个答案: