我想删除（或有效隐藏）nvd3图表的网格中的第一条垂直线。我认为这是我的图表存在的问题，但是在对其进行测试之后，我意识到这似乎是一个更普遍的问题。
我通过运行以下代码对其进行了测试：
d3.selectAll('.tick, .nv-axislabel, .nv-axis text').attr('fill','#999999')
在控制台中，在最简单的折线图中，我可以找到：http : //nvd3.org/examples/line.html，但它仍然无法正常工作！它会更改除第一条垂直线以外的所有线。我感到困惑，我尝试了笔触，填充，不透明度等类别的每种组合-我可以影响整个svg（不透明度），或者什么都不会影响。有人有想法么？
编辑：
抱歉，我本来应该指定此名称-我不想完全删除Y轴。我仍然需要标签和刻度线-我只想删除一条垂直线（或至少使其变浅-它比图表的其余部分要暗得多）。
发表您的评论：您不想看到“ nvd3图表的网格中的第一条垂直线”，它是y轴：实现该目标的两种方法：Option1
var chart = nv.models.lineChart()
.margin({left: 100}) //Adjust chart margins to give the x-axis some breathing room.
.useInteractiveGuideline(true) //We want nice looking tooltips and a guideline!
.transitionDuration(350) //how fast do you want the lines to transition?
.showLegend(true) //Show the legend, allowing users to turn on/off line series.
.showYAxis(false) //hide the y-axis
.showXAxis(true); //Show the x-axis
选项2：由于在您的示例中，您将使用CSS选项
d3.selectAll('.nv-y').attr('display','none')
我会更喜欢Option1
编辑您的说明后，您希望使y轴光可用：
d3.selectAll('.nv-y path').attr('opacity','0.1')
或者如果您想完全隐藏它
d3.selectAll('.nv-y path').attr('display','none')
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句