2015-12-08 4 views
0

У меня есть гистограмма, в которой работает DC.JS, все работает, но я не могу получить расстояние прямо на панели. Ярлыки хороши, ценности хороши, я думал, что порядковый масштаб будет работать, но ничто не затягивает разрыв между решетками.DC.js Bar Bar Bar Размер

http://codepen.io/MichaelArledge/pen/VeYVQr?editors=001

var dex; 
var bar_chart = dc.barChart("#graph_area"); 
var zip_dim; 
var zip_totals; 

d3.json("https://data.cityofchicago.org/resource/4ijn-s7e5.json?$limit=50&$offset=0", function(data){ 

    dex = crossfilter(data); 
    console.log(dex); 
    zip_dim = dex.dimension(function(d){ 
    return d.zip 
    }); 

    zip_totals = zip_dim.group(); 
    var all_info = zip_totals.all(); 
    bar_chart 
    .width(500) 
    .height(500) 
    .x(d3.scale.ordinal().rangeRoundBands([0, 500]).domain(all_info.map(function(d){ return d.key }))) 
    .dimension(zip_dim) 
    .group(zip_totals); 

    bar_chart.render(); 
}); 


function print_filter(filter){ 
    var f=eval(filter); 
    if (typeof(f.length) != "undefined") {}else{} 
    if (typeof(f.top) != "undefined") {f=f.top(Infinity);}else{} 
    if (typeof(f.dimension) != "undefined") {f=f.dimension(function(d) { return "";}).top(Infinity);}else{} 
    console.log(filter+"("+f.length+") = "+JSON.stringify(f).replace("[","[\n\t").replace(/}\,/g,"},\n\t").replace("]","\n]")); 
} 

ответ

1

Главный вопрос:

Хотите использовать порядковую шкалу в .x функции. Все, кроме линейной шкалы, вызывает иррациональное расстояние и обрабатывает такие метки, как числа.

Ответа на этот вопрос: Для .xUnits необходимо установить значение dc.units.ordinal. Следующий пост работал для меня.

dc.js bar chart with ordinal x axis scale doesn't render correctly