DC.js DataTable 没有正常显示

Question

我有以下代码：

'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();
});

我应该看到一个包含两列的 table，一列标题为 CCG Code，另一列标题为 Metric，但我看到的却是 this.

Chrome 控制台向我显示一条错误消息：

Uncaught TypeError: e is not a function

我做错了什么？

Answer 1

您似乎在尝试将 2.0 功能与 dc.js 1.7.5.

一起使用

将来，如果您使用 "External Resources" 功能而不是将所有 javascript 粘贴到您的源代码中，其他人将更容易帮助您的 JSFiddles。

我分叉了你的 fiddle 并使用了这个功能。在这个版本中，它像你的一样失败：

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

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

但在这个版本中（这是我尝试的第一个版本，使用 dc.js 2.0 beta 29）它似乎可以工作，尽管格式需要一些帮助：

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

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

DC.js DataTable 没有正常显示

DC.js DataTable not showing as it should

javascript

d3.js

dc.js