2016-05-06 37 views
0

我有以下代码:DC.js数据表没有显示,因为它应该

'use strict' 

var ccgTable = dc.dataTable('.data-table'); 

d3.csv('../data/rdata.csv', function (data) { 
    var xdata = crossfilter(data); 
    var all = xdata.groupAll(); 

    var ccgDimension = xdata.dimension(function (d) { 
    return d.ccgcode; 
    }); 

    var ccgDimensionGrp = ccgDimension.group(); 

    // fact table 
    ccgTable 
     .dimension(ccgDimension) 
     .group(function(d) { 
     return d.metric; 
     }) 
     .columns([ 
     { 
      label: 'CCG Code', 
      format: function (d) { 
       return d.ccgcode; 
      } 
     }, 
     { 
      label: 'Metric', 
      format: function (d) { 
       return d.metric; 
      } 
     }]); 
    dc.renderAll(); 
}); 

我应该看到的表有两列,一个名为CCG Code和其他Metric,而是我看到this

的Chrome浏览器控制台显示我一个错误说:

Uncaught TypeError: e is not a function

我在做什么错?

回答

1

它看起来像你试图使用2.0功能与dc.js 1.7.5。

未来,如果您使用“外部资源”功能而不是将所有javascript粘贴到源代码中,其他人可以更轻松地帮助您处理JSFiddles。

我分叉你的小提琴并使用此功能。在这个版本中,它没有像你这样做:

https://cdnjs.cloudflare.com/ajax/libs/dc/1.7.5/dc.js 

https://jsfiddle.net/gordonwoodhull/eLbeaxe9/2/

但在这个版本(这是我第一次尝试,与dc.js 2.0测试版29)似乎工作,虽然格式需要一些帮助:

https://cdnjs.cloudflare.com/ajax/libs/dc/2.0.0-beta.29/dc.js 

https://jsfiddle.net/gordonwoodhull/eLbeaxe9/1/

+0

BTW,可能是你使用了错误版本的原因是主要的演示页是在2.0测试版[这是不是“稳定“发布](https://github.com/dc-js/dc.js/issues/1060)。但是,无论如何,你应该使用测试版,因为稳定的2.0版即将发布! – Gordon

相关问题