Il grafico a barre dc.js con la scala dell'asse ordinale x non viene eseguito correttamente

Recentemente ho scoperto dc.js e ho cercato di implementare un semplice grafico a barre utilizzando l'esempio del grafico a barre fornito sul sito web d3.js: http://bl.ocks.org/mbostock/3885304 .

Tuttavia, come parte dell'implementazione di dc.js, è necessaria una dimensione e un gruppo crossfilter.

Quindi usando un semplice file TSV con "lettere" e "frequenze", ho cambiato il codice un po 'per guardare come segue:

d3.tsv('testdata.tsv', function(error, data) { var cf = crossfilter(data); var dimension = cf.dimension(function(d){ return d.letter; } var group = dimension.group().reduce( function(p,v){ p.frequency += v.frequency }, function(p,v){ p.frequency -= v.frequency }, function(){ return { frequency: 0 }; }); 

Sono un po 'confuso su quello che dovrei impostare il valoreAccessor (sul mio grafico a barre), perché quando imposta il valoreAccessor per tornare alla "frequenza", e ho impostato la mia scala xAxis in ordinale con un dominio di tutte le "lettere" nel set di dati ho un grafico a barre renderizzato con quasi tutti i valori dell'asse x ("A – Y") al punto ZERO e un valore di asse x (cioè "Z") alla fine della linea dell'asse x .

Ho provato a impostare le gamme, ma non sembra fare il trucco. Le idee su quello che sono incomprensione sarebbero molto apprezzate!

Mi sembra necessario impostare la properties; .xUnits su dc.units.ordinal () per get l'asse x distanziato correttamente!