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轴的刻度的输出范围设置在容器的宽度范围内。根据您可能拥有的任何标签/图例，您可能需要将其设置为小于整个宽度。