javascript - 通过css更改d3中特定文本的文本字体

Question

我正在使用 d3 框架，我正在尝试使用 css 指定以下元素的字体(我想使用自定义字体，这就是我使用 css 的原因)。

var anchorNode = svg.selectAll("g.anchorNode").data(force2.nodes()).enter().append("svg:g").attr("class", "anchorNode");
anchorNode.append("svg:circle");
anchorNode.append("svg:text").text("test"); 

我试过用

text {
    font: 2px Arial;
    pointer-events: none;
}

但这不适用于这个特定的文本。我假设这是因为文本附加到节点。在 css 中访问文本的正确语法是什么？

Answer 1

您是否有指向呈现的 HTML 或 jsfiddle 的链接？

看起来您附加了一个名为 anchorNode 的类。您可能会更新该类的 CSS 字体:

.anchorNode {
      font-family: "Times New Roman", Times, serif;
      font-size: 2px;
}