javascript - 在dc.js中创建条形图时出错

我试图在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很陌生，所以非常感谢您的帮助。

最佳答案

你好像错过了“维度”中的“我”：

...
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)就像一个符咒。