d3比例取决于嵌套数据

Question

我有36个国家/地区的数据集，嵌套有6个组，每个组6个国家/地区（国家/地区在x轴上）。我正在制作6个SVG，每组一个。由于每个组都有不同的国家/地区，因此我想为每个组设置不同的x比例。

我正在尝试使用.each，但是它不起作用。也许.each的使用是错误的，或者根本不是规范的做法？您有更好的方法吗？

var chartsContainer = d3.select("svg")
  .selectAll(".container")
  .data(nest)
  .enter()
  .append("svg")
  .attr("class", "container")
  .attr("width", width)
  .attr("height", height)
  .append("g")
  .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

chartsContainer
  .selectAll("g")
  .data(function(d) {
    return d.values;
  })
  .append("g")
  .attr("class", "xAxis")
  .each(function(d) {

    xScale.domain(d.map(function(d) {
      return d.country;
    }))
    var xAxis = d3.svg.axis()
      .scale(xScale)
      .orient("bottom");
    axis(d3.select(this));

  })