angularjs - 如何在 Angular nvd3 中隐藏 y 轴并删除 x 轴上的刻度

Question

我正在使用 Angular nvd3 中的现有示例，并尝试隐藏 y 轴并删除 x 轴上的刻度。因此，我浏览了文档并添加了 showYAxis="false"并添加了刻度:null x 轴对象。但是，我无法隐藏 y 轴以及删除 x 轴上的刻度。请找到下面的链接并让我知道我的错误。对于 y 轴:

 <nvd3 options="options" data="data" showYAxis="false"></nvd3> 

用于隐藏 x 轴刻度

 xAxis: {
    axisLabel: 'X Axis',
    ticks: null
  },

http://plnkr.co/edit/6t5bky?p=preview

Answer 1

您可以使用 css 样式删除 Y 轴。

.nv-y text {
  display: none;
}

您可以删除网格线，

.tick {
  display: none;
}

更新:

您可以去掉上面样式中的text类来看看效果。

.nv-y {
    display: none;
}

如果您想在每个条形的 X 轴上显示名称并且没有网格线，则在上述样式中添加 line 类，

.tick line {
      display: none;
    }

引用:Stackoverflow

工作中Plunker

P.S:我使用过 nvd3 图表，但从未尝试隐藏任何轴或网格线。没有网格线的图表似乎很好..:)