排序D3中的条形图不起作用

Question

我已经在D3中创建了一个条形图，选择了单选按钮条形图并且我想按升序或降序排序。当点击它不排序按钮，所以我不知道是什么文牛逼错误的，但任何帮助，将不胜感激：

http://jsfiddle.net/m4s5m5je/2/ [前添加分类]

后，我把排序按钮，条形图没有按” T显示了，太排序按钮：

http://jsfiddle.net/m4s5m5je/3/

var sort_btn = document.getElementById('sort') 
sort_btn.on("click", function(){ 
    var self = d3.select(this); 
    var ascending = function(a,b){ 
      return a.value - b.value; 
    }; 
    var descending = function(a,b){ 
      return b.value - a.value; 
    } 
    var state = +self.attr("state"); 
    var txt = "Sort data: "; 
    if(state === 0){ 
      data.sort(ascending); 
      state = 1; 
      txt += "descending"; 
    } else if(state === 1){ 
      data.sort(descending); 
      state = 0; 
      txt += "ascending"; 
    } 
    self.attr("state", state); 
    self.html(txt); 

Answer 1

你错过了结尾括号}）;

和移动sort_btn实现了plot.call

为了使分选的作品，你应该解决更多的地方。

updated fiddle

plot.call(chart, { 
      data: data, 
      axis:{ 
      x: xAxis, 
      y: yAxis 
      }, 
      gridlines: yGridlines 
     }); 
var sort_btn = document.getElementById('sort') 
sort_btn.on("click", function(){ 
var self = d3.select(this); 
var ascending = function(a,b){ 
     return a.value - b.value; 
}; 
var descending = function(a,b){ 
     return b.value - a.value; 
} 
var state = +self.attr("state"); 
var txt = "Sort data: "; 
if(state === 0){ 
     data.sort(ascending); 
     state = 1; 
     txt += "descending"; 
} else if(state === 1){ 
     data.sort(descending); 
     state = 0; 
     txt += "ascending"; 
} 
self.attr("state", state); 
self.html(txt); 

});