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

Question

我正在使用nvd3图表库在我们的应用程序中显示报表。我使用了来自nvd3图表库的Line与查看图表类型的图表。在折线图中，我们找到了用于过滤器的第二轴（X和Y） purpose.Can你能告诉我如何隐藏第二轴吗？

Answer 1

没有选项，但你可以通过对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] + ')');

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

Answer 2

嘿，我想您想要实现的内容似乎是simple line chart，您可以使用示例中给出的内容而不是Line with View Axis。

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