如何隐藏y轴并从角度nvd3中的x轴移除刻度线

Question

我正在使用angular nvd3中的现有示例并尝试隐藏y轴并从x轴移除刻度。所以，我已经浏览了文档并添加了showYAxis =“false”并添加了ticks：null in 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图表但从未尝试隐藏任何轴或网格线。如果没有网格线，图表似乎很好.. :)

Answer 2

使用角度NVD3上已经存在的图表选项很容易解决这个问题。 要获得y轴只需添加showYAxis: false,并隐藏x轴刻度，只需添加

即可

tickFormat: function(d) {
      return null
    },

进入xAxis选项。 这是一个分叉的plunker，其中包含您正在寻找的选项;）