为什么我的轴CSS会有所不同,具体取决于我是否使用外部CSS文件(D3.js)?

时间:2014-04-22 13:34:53

标签: javascript html css svg d3.js

我正在尝试使用D3设置我的轴​​的样式,而不使用外部CSS文件,例如圆圈,轴等。原因是我想从浏览器导出SVG,它没有得到css编辑来自外部文件。

然而,当我在D3和外部css文件上应用相同的代码时,我会得到不同的结果。 我不明白为什么会发生以下情况:

.axis path, .axis line {
    fill: none;
    stroke: #000;
}

从我的外部ccs文件中的上述代码中,创建了以下代码: http://puu.sh/8iScH.png

.style({"fill": "none", "stroke": "#000"})

通过使用.style()我无法实现相同的外观,这是结果: http://puu.sh/8iS6x.png

为什么我在使用相同的代码时会有所不同?

修改 使用D3时,我没有改变轴PATH和轴LINE。我的实际问题是,如何使用d3' s .style()更改.axis路径和.axis行?

0 个答案:

没有答案