Html NVD3中图表上的边距

Html NVD3中图表上的边距,html,css,d3.js,nvd3.js,Html,Css,D3.js,Nvd3.js,有人知道如何在图表的顶端加上一个边距吗?我不知道这是可能的还是一个错误 我已经尝试过修改.margin({top:x,right:x,bottom:x,left:x}),但这不是我要找的margin。设置chart.yDomain()不好,因为我想重新缩放图表 编辑 我感兴趣的是,带有FocusChart的行重新缩放,而不仅仅是强制域。问题似乎在于工具提示出现在图表的最高点。也许是个虫子,不太确定 但这里有一种方法,可能不是最好的方法: chart.forceY([0,160]); 通过查看

有人知道如何在图表的顶端加上一个边距吗?我不知道这是可能的还是一个错误

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

编辑


我感兴趣的是,带有FocusChart的行重新缩放,而不仅仅是强制域。

问题似乎在于工具提示出现在图表的最高点。也许是个虫子,不太确定

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

chart.forceY([0,160]);
通过查看图表,我假设140是图表中的最高值。所以我强制图表上的Y轴显示0-160之间的值

更新 早些时候,我建议使用
chart.force([0160])
作为向图表顶部添加边距的一种变通方法,使工具提示以最高点清晰可见。尽管这种方法只对主图表进行更改,而不是对焦点图表进行更改

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

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

下面是一个使用NVD3 lineWithFocusChart()的示例。我的代码第15行动态地显示了
yMax

你能不能把你的代码放在小提琴上,这样人们就可以很容易地给你帮助。在网站本身的例子中:顶部点被剪裁的原因是yAxis量表的域是根据你的数据计算出来的。如果您想要一个边距,您需要显式设置yAsix scales的域,即使您不想这样做。但是我使用的是linewithfocuschart,如果我强制Y,则重新缩放将不起作用。@RaphaelSampaio,我已经用一个工作示例更新了我的答案,即在强制域时使用带有FocusChart的LineWithCode>,焦点无法重新缩放,这就是问题所在。@RaphaelSampaio我已经更新了答案,以反映图表和焦点的变化。希望这就是你想要的。