Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何在角度nvd3中隐藏y轴并从x轴删除记号_Angularjs_Charts_Nvd3.js_Angularjs Nvd3 Directives - Fatal编程技术网

Angularjs 如何在角度nvd3中隐藏y轴并从x轴删除记号

Angularjs 如何在角度nvd3中隐藏y轴并从x轴删除记号,angularjs,charts,nvd3.js,angularjs-nvd3-directives,Angularjs,Charts,Nvd3.js,Angularjs Nvd3 Directives,我正在使用angular nvd3中的现有示例,并尝试隐藏y轴并删除x轴上的记号。因此,我浏览了文档,添加了showYAxis=“false”,并在x轴对象中添加了记号:null。但是,我无法隐藏y轴,也无法从x轴删除记号。请找到下面的链接,让我知道我的错误。 对于y轴: <nvd3 options="options" data="data" showYAxis="false"></nvd3> 您可以使用css样式删除Y轴 .nv-y text { displa

我正在使用angular nvd3中的现有示例,并尝试隐藏y轴并删除x轴上的记号。因此,我浏览了文档,添加了showYAxis=“false”,并在x轴对象中添加了记号:null。但是,我无法隐藏y轴,也无法从x轴删除记号。请找到下面的链接,让我知道我的错误。 对于y轴:

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

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

.nv-y text {
  display: none;
}
您可以删除网格线,如下所示:

.tick {
  display: none;
}
更新:

您可以删除上述样式中的类
文本
,以查看效果

.nv-y {
    display: none;
}
如果要在X轴上显示每个条形图的名称,且不显示网格线,请按如下方式在上述样式中添加
line
类:

.tick line {
      display: none;
    }
参考:

工作


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

使用angular NVD3上已有的图表选项很容易修复。 要获得y轴,只需添加
showYAxis:false,
,要隐藏x轴刻度,只需添加

tickFormat: function(d) {
      return null
    },
进入
xAxis
选项。
这是一个包含您正在寻找的选项的分叉;)

但是,y轴线仍然是可见的。我也不知道那句台词是什么
tickFormat: function(d) {
      return null
    },