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