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

Question

我正在尝试在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

看起来你在“维我”中错过了“我”这里：

... 
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)就像魅力一样。