2015-09-14 123 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)將工作就像一個魅力。