nvd3的x轴因换行而损坏？答案

【问题标题】：nvd3's x-axis broken due to one line change?nvd3的x轴因换行而损坏？
【发布时间】：2014-04-01 10:24:50
【问题描述】：

在这个实时代码链接中，

如果添加chart.yRange([0, 300]) 来反转y 轴，x 轴会向上移动并粘在顶部（靠近图例）。

任何可能的解决方法？

PS：问题在于该页面上的大多数图表，但“累积折线图”最接近我的用例。

【问题讨论】：

【解决方案1】：

X 轴的位置在 NVD3 源代码中被硬编码为 y.range()[0]，但您可以在绘制图表后进行调整。在您的特定情况下，在.call(chart) 之后添加以下代码：

d3.select('.nv-x.nv-axis')
  .attr('transform', 'translate(0,' + chart.yAxis.range()[1] + ')');

【讨论】：