d3.js-链接两个平行坐标容器（一个容器的轴太多）

Question

我已经成功地将this d3.js visualization与我自己的一些数据一起使用了，基本上看起来像这样，除了有更多的垂直轴，而且它们看起来都非常扎堆：

Here is the code/gist for the entire visualization

问题是，有很多列的数据..可视化使用以下代码将垂直轴（链接的.csv中的每一列数据一个）从左到右水平地横穿页面。 d3正常。

var margin = {top: 66, right: 110, bottom: 20, left: 188},
width = document.body.clientWidth - margin.left - margin.right,
height = 340 - margin.top - margin.bottom,
innerHeight = height - 2;

首先使用以下命令创建轴：

var axes = svg.selectAll(".axis")
  .data(dimensions)
  .enter().append("g")
  .attr("class", function(d) { return "axis " + d.key.replace(/ /g, "_"); 
  })
  .attr("transform", function(d,i) { return "translate(" + xscale(i) + ")"; 
  });

后来，它实际上在d3.csv()函数中绘制了轴。

我想做的是像往常一样从左到右放置整个页面上大约15根轴，然后将剩余的轴从左到右放置在原始容器下-基本具有一个平行坐标容器放置在另一个平行坐标容器的顶部，并将它们链接并馈入同一数据集。

有人对我如何解决这个问题有任何提示吗？