将类与d3元素关联有问题?

时间:2017-03-14 15:56:21

标签: javascript css d3.js

我在将类与d3元素相关联时遇到了问题。我可以通过d3样式函数设置样式属性,如下所示:

d3.select(regionBackground).style('fill','darkgrey');

但是,在使用以下方法时,我无法设置样式属性:

d3.select(regionBackground).attr('class', 'highlightRegionBackground');
d3.select(regionBackground).classed('highlightRegionBackground', true);

知道我在这里做错了什么或如何调试?

*更新*

看起来可能需要将css引用添加到svg:

https://www.w3.org/TR/SVG/styling.html#StylingWithCSS

您能否验证是否属实?我假设一个嵌入式svg可以访问网页引用的css样式表,但这可能是一个不正确的假设。与父网页关联的css文件是app.min.css。我在我的svg中添加了对这个css文件的引用作为第二行,但不确定这是否是一个有效的引用:

无论哪种方式,课程参考仍然没有得到解决。 d3是否提供了某种方式的替代方式"注入"一个css链接到一个svg?还有其他一些技巧我需要让svg了解css吗?或者我误解了SVG / D3 /网页相互协作的方式?

0 个答案:

没有答案