html - NVD3 图表上的 margin

Question

有谁知道如何在图表顶部放置边距？我不知道这是可能的还是错误。

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

编辑

我感兴趣的是 linewithfocuschart rescale，而不仅仅是强制域。

Answer 1

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

但这里有一种方法，可能不是最好的方法:

chart.forceY([0,160]);

通过查看您的图表，我假设 140 是您图表中的最高值。因此，我强制图表上的 Y 轴 显示 0-160 之间的值。

更新

之前我建议使用 chart.forceY([0,160]); 来解决向图表顶部添加边距的问题，以便工具提示在最高点清晰可见。尽管此方法仅更改主图表，不更改焦点图表。

经过进一步调查，我发现您可以使用以下方法重新缩放图表和焦点:

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

这是一个 working example与 NVD3 lineWithFocusChart() 一起使用。我还在代码的 第 15 行 中动态获得了 yMax。