Crossfilter + dc.js DataTable не сортируется правильно

Question

Я использую базовый DataTable dc.js с данными CrossFilter и пытаюсь сортировать его через атрибут Value, который является числом, но я получаю нечетное упорядочение данных.

Вот является JSFiddle показывая вопрос - http://jsfiddle.net/DonalRafferty83/97mwyp0u/4/

Я настроил мои размеры CrossFilter следующим образом:

var ndx = crossfilter(data); 

var parseDate = d3.time.format("%d/%m/%Y").parse; 

data.forEach(function(d) { 
    d.date = parseDate(d.InDate); 
    d.Value = parseFloat(d.Value).toFixed(2); 
}); 

var dateDim = ndx.dimension(function(d) {return d.date;}); 
var typeDim = ndx.dimension(function(d) {return d.Type;}); 

А потом я создаю DataTable следующим образом:

var datatable = dc.dataTable("#dc-data-table"); 
datatable 
    .dimension(dateDim) 
    .group(function(d) {return "";}) 
    .size(data.length) 
    // dynamic columns creation using an array of closures 
    .columns([ 
     function(d) { return d.Id; }, 
     function(d) {return d.Indate;}, 
     function(d) {return d.Type;}, 
     function(d) {return d.Category;}, 
     function(d) {return d.Value;} 
    ]).sortBy(function(d) { 
     return d.Value; 
    }) 
    .order(d3.descending); 

Здесь как вы можете заказать заказ, так как вы можете заказать до 4000.46, что неверно:

Это известная проблема с CrossDilter/dc.js? Или что-то я делаю неправильно? Может быть, мне нужно манипулировать моими данными, чтобы они работали правильно?

Answer 1

.toFixed(2) возвращает строку, и поэтому ваша функция sortBy сортирует строку. Поэтому верно, что «99» заказывается до «4000.46». Переключение функции sortBy на return +d.Value; (+ принудительное преобразование обратно в число) должно устранить вашу проблему.

Неподвижная версия JSFiddle: https://jsfiddle.net/j9adz6bs/