nvd3的x轴因一行变化而断线?

时间:2014-04-01 10:24:50

标签: d3.js nvd3.js

在此实时代码链接中

http://nvd3.org/livecode/index.html#codemirrorNav

如果添加chart.yRange([0, 300])以反转y轴,则x轴向上移动 并坚持到顶部(靠近传说)。

任何可能的解决办法?

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

1 个答案:

答案 0 :(得分:0)

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

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