SVG中的多个类

108*_*80p 6 javascript svg class d3.js

我对SVG很新(使用D3.js来调用所有东西).最近,我刚刚对我正在进行的项目产生了巨大的限制.我希望能够为我正在使用的每类数据制作"g"类.不幸的是,我从一个只以一种方式连接数据的XML文件中获取数据(例如:person1 ---> person2,但不是person2 ---> person1).我希望能够做的是将我的数据生成的每个形状放在根类和它连接的类中.如果我可以将这个形状添加到两个或更多类(例如g class = person1和person2),那么这将是我认为最快的解决方案......但是这样的事情可能吗?我可以将SVG形状设置为两个或更多类吗?或者它会在我定义新的时候覆盖它.

我真的希望有人能理解我的要求.在不泄露我最终项目的每个细节的情况下,很难用语言表达我的问题.

mbo*_*ock 13

是的,您可以设置多个类.例如,

<g class="person1 person2">
Run Code Online (Sandbox Code Playgroud)

或者,在D3中:

g.attr("class", "person1 person2");
Run Code Online (Sandbox Code Playgroud)

  • 另外,谢谢你的所有工作!几个星期前我刚刚进行了数据可视化实习.我被赋予了处理高度动态网络可视化的任务.经过一番研究,我选择了d3作为我的主要绘图库.你的github画廊和你发布的教程让我完成了这个项目的每一步. (2认同)