Javascript 访问d3轴堆叠条形图上的x值 1.

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

---

---

如果没有完整的代码或plnkr，很难说，但我想在单击事件处理程序中执行类似于

x（d.State）

的操作应该可以。我已经将我的代码放在plunker参考图中：我升级了plnkr：现在，当单击一个矩形时，您将在控制台中获得对象logegd。我不得不做一些修改，看看代码，看看你是否明白了。很棒的Hugue！谢谢你的快速回复！！我在一直点击这些条的同时，在对象下方移动，并希望在同一个x轴上制作两条条条，如bl.ocks.org示例。在对象下面，我得到了所有的时间{“状态”：“格雷格”，“达成”：10，“突破”：10，“年龄”：[{“姓名”：“达成”，“y0”：0，“y1”：10}，{“姓名”：“突破”，“y0”：10，“y1”：20}]，“总数”：20}。这似乎总是返回第零个对象。嗨，Huges，我在这个d.ages=color.domain（）.map（函数（名称）{return{name:name，y0:y0，y1:y0+=+d[name]}；}）中做了一些更改；。现在它工作的很好，正如我所预料的。

    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});});