D3更新轴标签

Question

我有一个图表，我在其中显示两组数据。用户可以点击一个按钮来翻转另一组数据。问题是坐标轴不一样，但是当我想更新滴答时，我只是将其放在另一个轴上。

http://jsfiddle.net/scottieb/VjHd6/

关键位在端：

vis.selectAll("axis").remove(); 

    vis.append("svg:g") 
    .attr("class", "x axis") 
    .attr("transform", "translate(0, " + (h - margin) + ")") 
    .call(d3.svg.axis() 
    .scale(x) 
    .tickSize(0) 
    .tickSubdivide(true) 
    .tickFormat(formatCurrency) 
     );  

我试图全选（ “G”）除去（），但是，其防止铺设在下轴。有任何想法吗？

Answer 1

哎呀，需要重新定义规模和调用过渡，而不是只建立一个全新的轴。

http://jsfiddle.net/scottieb/JwaaV/

Answer 2

你的问题是，你的选择是不正确的。由于您正在为类添加“g”节点，因此应该选择“.axis”，而不是选择“轴”。