NVD3（D3 JS）如何删除y2轴

Question

我正在尝试使用以下示例，它是行和条形图的组合。

NVD3 Line & Bar Chart combination

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

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

提前致谢。

编辑：

我正在经历的问题的JSFiddle。我只是使用NVD3下载的示例，并在return chart;行之前添加了Lars代码。

JSFiddle

Answer 1

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

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

这会留下一些空白的空间，但是至少它会产生只有一个y轴的印象。

Answer 2

就像Lars的回答一样，这留下了以前轴的间隙，但我用CSS隐藏了它。

.y2-axis {display: none}

Answer 3

另一种处理方法是将yAxis设置为false：

var chart = nv.models.discreteBarChart()
            .x(function (d) { return d.label })
            .y(function (d) { return d.value })
            .staggerLabels(false)
            .showYAxis(false)