Javascript 如何使NVD3图表具有响应性？

我正在使用NVD3，在图表的响应方面遇到了一些问题

到目前为止，我已经创建了几个图表，但这些图表总是溢出容器，导致yAxis标签被剪切或xAxis末端被剪切

以下是其中一个图表的图像，其中yAxis被切割：

以下是我用来创建图表的代码片段：

nv.addGraph（函数（）{
chart=nv.models.lineChart（）
.useInteractiveGuideline（假）；
if（data.hasOwnProperty（“key”）和&isColumnTotalChart | | isRowTotalChart）{
chart.xAxis
.axisLabel（data.chartDataset.key）；
}
chart.xAxis.tickValues（data.ChartLabelIndex）
.d格式（函数（d）{
返回数据。图表标签[d]；
});
chart.yAxis.tickFormat（d3.format（'，.1f'）；
如果（chartData.labels.length>10）{
图表X轴旋转带（-90）；
}
chart.xAxis.showMaxMin（true）；
d3.selectAll（chartSelectedSvg+“>*”）.remove（）；
d3.选择（chartSelectedSvg）
.datum（data.chartDataset）
.transition（）.持续时间（500）
.电话（图表）；
nv.utils.windowResize（图表更新）；
收益表；
});
div>svg{
最小高度：30vh；
保证金：0自动；
显示：块；
}

阅读此内容后：


我已经设法弄明白了：只要调整利润率就可以解决问题

，要调整所有图表边距，必须使用以下代码行：

chart.margin（{“左”：5，“右”：5，“上”：10，“下”：10}）

如果只需要设置一个边距，则必须执行以下操作：

chart.margin（）.left=50

现在图表如下所示：