Fatal编程技术网
  • javascript/
  • Javascript NVD3（D3 JS）如何移除y2轴

Javascript NVD3（D3 JS）如何移除y2轴

javascript graph charts d3.js

Javascript NVD3（D3 JS）如何移除y2轴,javascript,graph,charts,d3.js,nvd3.js,Javascript,Graph,Charts,D3.js,Nvd3.js,我试着使用下面的例子，它是一个折线图和条形图的结合 我的问题是，我希望折线图和条形图都使用来自y1轴的相同图形，但我无法找到如何摆脱y2轴并执行此操作 如果有人能给我指出正确的方向，那将是一个很大的帮助 提前谢谢 编辑： 我遇到的一点问题。我只是在使用NVD3下载的示例，并在返回图表之前添加了Lars的代码行 没有禁用第二个y轴的选项。您可以将其设置为与y1轴具有相同的比例，然后在创建图形后将其删除，即 d3.select('.nv-y2.nv-axis').remove(); 这将在轴原来

我试着使用下面的例子，它是一个折线图和条形图的结合

我的问题是，我希望折线图和条形图都使用来自y1轴的相同图形，但我无法找到如何摆脱y2轴并执行此操作

如果有人能给我指出正确的方向，那将是一个很大的帮助

提前谢谢

编辑：

我遇到的一点问题。我只是在使用NVD3下载的示例，并在
返回图表之前添加了Lars的代码行


没有禁用第二个y轴的选项。您可以将其设置为与y1轴具有相同的比例，然后在创建图形后将其删除，即


d3.select('.nv-y2.nv-axis').remove();



这将在轴原来所在的位置留下一些空白，但至少会给人留下只有一个y轴的印象。
很像Lars的回答，这在轴原来所在的位置留下了一个间隙，但我用CSS隐藏了这一点


.y2-axis {display: none}



谢谢，这至少有助于移除第二个轴。是否可以将该行更改为使用与Y1相同的比例？我认为您应该能够执行类似于
chart.y2Axis.scale（chart.y1Axis.scale（））的操作
chart.y2Axis.scale（）.domain（chart.y1Axis.scale（）.domain（））在最后（就在返回图表之前）对我来说很有效。这很奇怪，我已经尝试过这么做，但没有再做任何改变。我也在最初的示例下载中尝试过，以防我做了什么，也在他们的现场示例中尝试过，但它没有改变任何东西。实际上，当我改变他们的现场示例时，它打破了界限，只是在图表的底部