javascript - d3 绘图太大，无法包含 div

Question

当我使用 d3 绘制图表时，我创建了一个名为node. 我将它附加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 轴的比例的输出范围设置在容器的宽度内。根据您可能拥有的任何标签/图例，您可能需要将其设置为小于整个宽度。