шкала d3 в зависимости от вложенных данных

Question

У меня есть набор данных с 36 странами, и он вложен в 6 групп с 6 странами для каждой группы (страны находятся на оси х).Я делаю 6 SVG, по одному для каждой группы.Поскольку в каждой группе есть разные страны, я хотел бы сделать разные шкалы х для каждой группы.

Я пытаюсь с .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));

  })