我在nvd3.js中制作了一个条形图,类似于这个例子:http://nvd3.org/ghpages/discreteBar.html。我想知道是否有一种方法可以删除网格线,使背景将是纯白色的。所有的例子都使用了网格线。我还检查了源代码,在discreteBar模型中没有看到任何可以实现这一点的东西。
发布于 2013-01-23 07:41:03
您可以在CSS中选择这些网格线,并将其不透明度设置为0:
.tick {
opacity: 0;
}
如果您仍然想要查看基线,可以将其修改为:
.tick:not(.zero) {
opacity: 0;
}
使用浏览器的检查器工具来查看您想要修改的单个元素所具有的类,并使用CSS的功能。
发布于 2013-12-14 03:35:20
.tick {
opacity: 0;
}
不适用于discreteBar图表中的垂直线,因为它们使用内联css将不透明度设置为1。但此方法有效:
.tick {
display: none;
}
这也将隐藏轴上的标签。如果要删除行,但保留标签,请使用:
.tick line {
display: none;
}
发布于 2014-03-18 07:28:51
我found了一个更具体的解决方案,效果很好:
(这将删除所有网格,但您可以选择,例如:.y1.axis)
.nvd3.multiChart .axis .nv-axis line {
stroke: none;
fill: none;
}
https://stackoverflow.com/questions/14469499
复制相似问题