d3.layout.pack układa kręgi w sortowaniu rosnącym

Question

Mam zestaw danych taki, że po posortowaniu w porządku rosnącym kręgi kończą się "ułożone", ale będą wyglądały prawidłowo rozmieszczone przy użyciu zerowej lub malejącej kolejności sortowania.

Kompletna przykładem jest tutaj: http://jsfiddle.net/SXLHx/3/.

Ktoś ma sugestię?

    sortItems = function(a,b) { 
     var str,result; 
     switch(sortOrder%3){ 
      case 0: 
       str = 'ascending'; 
       result = a.size - b.size; 
       break; 
      case 1: 
       str = 'descending'; 
       result = b.size - a.size; 
       break; 
      default: 
       str = 'null'; 
       result = null; 
     } 
     document.getElementById("sortLbl").innerHTML = str; 
     return result; 
    }; 

    pack = d3.layout.pack().sort(sortItems); 

Niektóre dodatkowe info:

stwierdziliśmy, że jeśli usunąć przynajmniej dwa wpisy bloki, które mają wartość 0 (nie ma znaczenia, który dwa, ale to musiało być dwa) układ jest w porządku. http://jsfiddle.net/SXLHx/4/

również zastosowanie filtra nie dołączyć kręgi z 0 wartości tak:

    // Create circles 
    node.append("circle") 
     .filter(function(d){return d.size > 0;}) 
     .attr("r",function(d){return d.r;}); 

nie rozwiąże problemu układu. Może filtruję nieprawidłowo?

Answer 1

Po prostu masz kilka błędów w części kodu, która ma ustawić nowe zamówienie i zaktualizować układ. Powinno to wyglądać tak: (to jest jeszcze prostsze niż to, co jest obecnie w kodzie)

pack 
    .sort(sortItems) 
    .nodes({blocks:data}); 

node 
    .attr("transform",function(d){ 
     return "translate("+d.x+","+d.y+")"; 
    }) 
    .selectAll("circle") 
    .attr("r",function(d){return d.r;}); 

Rozwiązałem wartości zerowych z tej linii w inicjalizacji opakowanie:

.value(function(d){return Math.max(0.01, d.size);}); 

Oto jsfiddle.

Oto wideo z egzekucji:

(zauważ, że po trzecim przycisk-press, koła nie wracają do pierwotnego porządku, ale wynika to z innych powodów, które nie mają bezpośredniego połączenia do oryginalnego problemu (który dotyczy porządku rosnącego/malejącego w pakiecie koła)).

Mam nadzieję, że to pomoże.