首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何删除nvd3.js中的背景网格线?

如何删除nvd3.js中的背景网格线?
EN

Stack Overflow用户
提问于 2013-01-23 06:48:09
回答 5查看 14.2K关注 0票数 17

我在nvd3.js中制作了一个条形图,类似于这个例子:http://nvd3.org/ghpages/discreteBar.html。我想知道是否有一种方法可以删除网格线,使背景将是纯白色的。所有的例子都使用了网格线。我还检查了源代码,在discreteBar模型中没有看到任何可以实现这一点的东西。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-01-23 07:41:03

您可以在CSS中选择这些网格线,并将其不透明度设置为0:

代码语言:javascript
复制
.tick {
  opacity: 0;
}

如果您仍然想要查看基线,可以将其修改为:

代码语言:javascript
复制
.tick:not(.zero) {
  opacity: 0;
}

使用浏览器的检查器工具来查看您想要修改的单个元素所具有的类,并使用CSS的功能。

票数 18
EN

Stack Overflow用户

发布于 2013-12-14 03:35:20

代码语言:javascript
复制
.tick {
  opacity: 0;
}

不适用于discreteBar图表中的垂直线,因为它们使用内联css将不透明度设置为1。但此方法有效:

代码语言:javascript
复制
.tick {
  display: none;
}

这也将隐藏轴上的标签。如果要删除行,但保留标签,请使用:

代码语言:javascript
复制
.tick line {
  display: none;
}
票数 25
EN

Stack Overflow用户

发布于 2014-03-18 07:28:51

found了一个更具体的解决方案,效果很好:

(这将删除所有网格,但您可以选择,例如:.y1.axis)

代码语言:javascript
复制
.nvd3.multiChart .axis .nv-axis line {
stroke: none;
fill: none;
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14469499

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档