d3 сортировка массива объектов

Question

Как обновить вертикальную гистограмму в d3 после сортировки массива объектов, содержащих мои данные?

Моя (конечно, мелкая) проблема лучше всего видно здесь: http://jsfiddle.net/yJq3e/3/

После создания бара, я вызываю функцию sortBars(), которая прекрасно работает (как console.log может сказать мне), пока я не обновит у-атрибута. Я предполагаю, что он связан с атрибутом y, который фактически зависит от индекса (или ключа?). Тем не менее, я бы подумал, называя

.attr("y", function(d) { return y(d.name); }) 

на .bar снова после атрибута по сортировке должно хватить, как это происходит, когда я установил атрибут для начального положения стержней.

любая помощь очень ценится!

Answer 1

Что бы вы сделали в D3, необходимо отсортировать базовые данные и передать их на .data(). Например:

svg.selectAll(".bar") 
    .data(dataset.sort(function(a, b) { return b.value - a.value; })) 

Остальная часть кода может не измениться. Я добавил переход, чтобы сделать его более приятным. Полный пример here.