如何在nvd3线图中隐藏第二轴

Question

我使用nvd3图表库在我们的应用程序中显示报表。我从nvd3图表library.In线图中使用了带有视图查找器类型的图表，我们找到了用于筛选purpose.Can的第二轴(X和Y)，请告诉我如何隐藏第二轴？

​

​

Answer 1

嘿，我想您想要实现的似乎是一个简单线图，您可以使用这个例子中给出的，而不是直线与视图轴。

如果我理解错了你的问题，请告诉我。

Answer 2

没有其他选择，但您可以通过对src/models/lineWithFocusChart.js进行一些黑客操作来对其进行存档。

comment out the following lines (I suppose you're using the newest version of nvd3 1.1.10 beta)

L300-303

    g.select('.nv-context .nv-x.nv-axis')
          .attr('transform', 'translate(0,' + y2.range()[0] + ')');
    d3.transition(g.select('.nv-context .nv-x.nv-axis'))
          .call(x2Axis);

L311-315

    d3.transition(g.select('.nv-context .nv-y.nv-axis'))
      .call(y2Axis);

    g.select('.nv-context .nv-x.nv-axis')
      .attr('transform', 'translate(0,' + y2.range()[0] + ')');

应该有效，但没有经过充分的测试。