2015-09-14 107 views
2

我试图创建一个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所以任何帮助是极大的赞赏。

回答

2

它看起来像你错过了“我”在这里“上梦诗”:

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