d3.js - 内置用于生成绘图数组？

Question

我需要在一个（可能是“不完整的”）矩形阵列中排列几个图。（“不完整”是指数组的最后一行可能比第一行包含更少的单元格。）

我实现了一种依赖 HTML 表格的方法，如这个愚蠢的示例所示，但在我看来，这应该完全在 d3.js 中完成。在重新发明轮子之前，有没有内置的方法可以做到这一点？（我希望找到一种结合改进的方法，例如轴和刻度线，并处理极端情况，包括上面定义的“不完整”数组。）

Answer 1

您可以使用用于构建图表本身的相同选择 API 来执行此操作。因此d3.select('body').append('svg')，您可以这样做：

 var svg = d3.select("body").selectAll(".pie")
      .data(data)
    .enter().append("svg")
      .attr("class", "pie")
      .attr("width", radius * 2)
      .attr("height", radius * 2)

使用多个甜甜圈图的演示：http: //bl.ocks.org/mbostock/3888852