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

我应该看到一个包含两列的表格，一列标题为CCG Code，另一列标题为Metric，但我看到this。

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

未捕获的TypeError：e不是函数

我做错了什么？

Answer 1

您似乎正在尝试使用dc.js 1.7.5的2.0功能。

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

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

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

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

但是在这个版本中（这是我尝试的第一个版本，使用dc.js 2.0 beta 29）它似乎有效，虽然格式化需要一些帮助：

{{1}}

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

DC.js DataTable没有显示它应该显示

1 个答案: