Question

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

我实现了一种依赖于HTML表格的方法，如silly example所示，但在我看来，这是应该完全在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

内置用于生成图形阵列？

1 个答案: