javascript - stackedgroupedChart 中的 nvd3 双 X 轴

Question

我正在使用 nvd3 stackedgroupchart，现在我已将单个 X-Axis 列标签更改为多个。 我还需要为月份名称添加辅助 X-Axis 。我正在使用以下链接中的图表

http://bl.ocks.org/4629518

现在我的图表显示为，

我需要像这样在 X 轴上添加月份，

现在我的X-Axis基于以下代码生成:

var xScale = d3.scale.ordinal()
    .domain(d3.range(dataset.length))
    .rangeRoundBands([0, width], 0.8); 

var xAxis = d3.svg.axis()
    .scale(xScale)
    .tickFormat(function(d) { return dataset[d].shift; })
    .orient("bottom");

请帮忙添加X轴的辅助标签，

提前致谢，

Answer 1

创建另一个具有首选比例的轴来映射

• 使用copy复制比例的函数
• 向量表中添加新的域值
• 创建新轴并添加比例

• 调用(axisNew)并更改变换值

  var x2 = x0.copy();
      x2.domain(["a","b","c","d"]);
  
  var xAxis1 = d3.svg.axis()
      .scale(x2)
      .tickSize(0)
      .orient("bottom");
  
  svg.append("g")
     .attr("class", "x axis")
     .attr("transform", "translate(0," + (height+10) + ")")
     .call(xAxis1);