d3绘图太大，无法包含div

Question

当我使用d3绘制图表时，会创建一个名为node的div。 我追加此node到主体，设置node作为绘制的内部图表的控制器上的属性node ）。 在我调整图表大小的函数中，我说this.width = this.node.width() ，当我绘制图表时，我有：

vis = d3.select(this.node)
    .append('svg:svg')
    .attr('width', self.width)

为什么d3图看起来比包含图表的div大？ 在此屏幕截图中，您可以看到图表在右侧被截断。

当我向右拉伸屏幕时，可以看到更多图形，但是无论我拉伸多远，都无法看到所有图形。

Answer 1

您为SVG设置的宽度实际上并不重要。 像div一样，它只是内容的容器。 您必须确保内容也适合。 在您的情况下，您需要将x轴所使用的比例尺的输出范围设置在容器的宽度内。 根据您可能拥有的任何标签/传说，您可能需要将其设置为小于整个宽度。