javascript - 在 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

您似乎错过了“dimension”中的“i”:

... 
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) 会像一个魅力一样工作。