Ошибка при создании шкального в dc.js

Question

Я пытаюсь создать BarChart в dc.js, я определил размер и группировку, и объявил тип диаграммы, однако у меня есть ошибка в моем Javascript

var dep_var_dimension = ndx.dimension(function (data){ 
     return data.dep_var 
    }); 

    var dep_var_grouping = dep_var_dimension.group() 
     .reduceCount(function (data) { return data.dep_var }); 

var monthlsales = dc.barChart('#monthlysales-chart'); 

    monthlsales 
    .width(900).height(900) 
    .margins({top: 10, right: 10, bottom: 20, left: 40}) 
    .dimenson(dep_var_dimension) 
    .group(dep_var_grouping) 
    .transitionDuration(500) 
    .gap(65) 
    .filter([3, 5]) 
    .x(d3.scale.linear().domain([0.5, 7.5])) 
    .elasticY(true) 
    .xAxis().tickFormat(); 

monthlsales.render(); 

Однако это не работает, браузер не распознает, что мой график диаграмма, дает мне ошибку:

TypeError: monthlsales.width(...).height(...).margins(...).dimenson is not a function 

Я новичок в JavaScript, так что любая помощь очень ценится.

Answer 1

Похоже, вы пропустили «я» в «Dimens я на» здесь:

... 
monthlsales 
    .width(900).height(900) 
    .margins({top: 10, right: 10, bottom: 20, left: 40}) 
    .dimenson(dep_var_dimension) 
    .group(dep_var_grouping) 
... 

так, .dimension(dep_var_dimension) будет работать как шарм.