DC.js数据表没有按应有的方式显示

DC.js DataTable not showing as it should

本文关键字：方式 显示 数据表 DC js      更新时间：2023-09-26

我有以下代码：

'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，但我看到的却是这个。

Chrome控制台显示一个错误，上面写着：

未捕获类型错误：e不是函数

我做错了什么？

看起来您正试图在dc.js 1.7.5中使用2.0功能。

将来，如果您使用"外部资源"功能，而不是将所有javascript粘贴到源代码中，那么其他人将更容易帮助您使用JSFiddle。

我用叉子叉了你的小提琴，用了这个功能。在这个版本中，它会像你的一样失败：

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/

相关文章：