javascript - 在同一页面上安装多个 d3.js 示例 : CSS classes with svg. 附加？

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 文件(但它很容易变得困惑