javascript - 在同一页面上安装多个 d3.js 示例：CSS classes with svg.append?

Question

我正在尝试将两个 d3.js 示例合并到一个 html 文件中，该文件已放入dropbox。作为参考，这两个示例是A和B。

为了合并这两个文件，我不得不使用 CSS 类并从 javascript 中调用它们。CSS：

circle.a { stroke: #fff; }
circle.b { fill: none; stroke-width: 1.5px; }

不幸的是，我无法从 D3 调用 CSS 类：

var svg = d3.select("body").append("svg:svg")
svg.append("svg:circle[class=a]")
...
var svg = d3.select("body").selectAll("svg")
svg.append("circle[class=b]")

更实际地，我可能希望在同一页面上运行多个 d3 图像。它可能采用与上述不同的方式。

@Moderators：随意移动到可能更适合的 StackExchange 的不同部分。

Answer 1

你试过了吗：

 svg.append("svg:circle").attr("class","circle.a")

您还可以使用该函数定义特定于该操作的属性，attr而无需创建 CSS 文件（但它很容易变得凌乱