我正在尝试使用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行?