访问轴d3堆积条形图上的x值

Question

 1。

我认为这是一个简单的问题，但我没有得到它。我的堆积条形图的x轴有以下代码，并且我在单击相应的堆叠条时尝试访问x值。我尝试过选择xAxis，x和.domain，但我得到的是空值。

    data =  [
        {State: "Greg", Achieved:10,Breached:10},
        {State: "Ari", Achieved:10,Breached:10},
        {State: "Loser", Achieved:10,Breached:10}
      ];

    // From JSON object state represents X axis (I want to get this). 
  var state = vis.selectAll(".state")
      .data(data)
    .enter().append("g")
      .attr("class", "g")
      .attr("transform", function(d) { return "translate(" + x(d.State) + ",0)"; });

  state.selectAll("rect")
      .data(function(d) {  return d.ages; })
    .enter().append("rect")
      .attr("y", function(d) { return y(d.y1); })
      .attr("height", function(d) { return y(d.y0) - y(d.y1); })
      .style("fill", function(d) { return color(d.name); })
      .attr("width", x.rangeBand())
      .on("click", function(d, i){ console.log(x.rangeBand());return scope.onClick({item: d});});