NVD3图表上的保证金

Question

有谁知道如何在图表顶部加上保证金？我不知道它是否可能或是一个错误。

我已经尝试修改.margin({top: x, right: x, bottom: x, left: x})，但这不是我正在寻找的余地。设置chart.yDomain()并不好，因为我希望图表重新缩放。

修改

我感兴趣的是 linewithfocuschart 重新缩放，而不仅仅是强制域名。

Answer 1

问题似乎是工具提示出现在图表的最高点。也许是一个错误，不太确定。

但这是实现目标的一种方式，可能不是最佳方式：

chart.forceY([0,160]);

通过查看您的图表，我假设140是您图表中的最高值。所以我强迫图表上的Y axis显示0到160之间的值。

的更新

之前我曾建议使用chart.forceY([0,160]);作为向图表顶部添加边距的工作，以便工具提示清晰可见，并具有最高点。虽然这种方法只对主图表进行了更改，而不是对焦点图表进行更改。

经过进一步调查后，我发现您可以使用以下内容重新调整图表和焦点：

chart.lines.forceY([0, yMax])
chart.lines2.forceY([0, yMax])

这是使用NVD3 lineWithFocusChart（）的working example。我的代码yMax中也动态line 15。

希望有所帮助