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

Question

我正在尝试在 dc.js 中创建条形图，我已经定义了一个维度和一个分组，并声明了一个图表类型，但是我的 Javascript[=13] 中有一个错误=]

    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) 会很有魅力。

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

Error creating barchart in dc.js

html

javascript

dc.js