在同一页面上安装几个d3.js示例：带有svg.append的CSS类？

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文件（但它很容易变得混乱