dc.js - 直流综合图

标签 dc.js

我有这样的数据

Sl.No,Sex,Age_band,TYPE of Mesh,Type of Surgery 16,M,0-25,PHS,UL 腹股沟 20,M,0-25,PHS,UL 腹股沟 90,M,0-25,UHSL,UL 腹股沟 95,M,0-25,UHSL,UL 腹股沟 117,M,0-25,UHSL,UL 腹股沟 119,M,0-25,UHSL,UL 腹股沟 32,M,0-25,Ultrapro,切口 14,M,26-35,PHS,UL 腹股沟 18,M,26-35,PHS,UL腹股沟

我正在尝试绘制复合图表 我的代码是

var mFilteredData = crossfilter(mData);
        var mDimension = mFilteredData.dimension(dc.pluck("Age_band"));
        var mGroup = mDimension.group().reduceCount(dc.pluck("TYPE of Mesh"));
        var mGroup1 = mDimension.group().reduceCount(dc.pluck("Type of Surgery"));


        var chart = dc.compositeChart(".chart");
        chart
        .width(400)
        .height(300)
        .yAxisLabel("User Count")
        .renderHorizontalGridLines(true)
        .dimension(mDimension)
        .x(d3.scale.ordinal())
        .xUnits(dc.units.ordinal)
        .compose([
            dc.barChart(chart)
            .centerBar(true)
            .gap(100)
            .colors('red')
            .group(mGroup)
            ,
            dc.barChart(chart)
            .centerBar(true)
            .gap(100)
            .colors('blue')
            .group(mGroup1)])
        .brushOn(false)
        .render();

但是我得到了这个错误

Uncaught TypeError: Cannot call method 'all' of undefined 

最佳答案

我也遇到了同样的问题。在对 dc 源代码进行一些挖掘之后,我看到如果你有一个序数 x 尺度,图表会调用它的 groups all() 函数(不完全确定为什么,但它似乎正在使用 x 轴域的数据)。通过向您的复合图表添加一个组,您将解决此问题。像这样:

  dc.compositeChart(".chart")
    .width(400)
    .height(300)
    .yAxisLabel("User Count")
    .renderHorizontalGridLines(true)
    .dimension(mDimension)
    .group(mGroup)
    .x(d3.scale.ordinal())
    .xUnits(dc.units.ordinal)

关于dc.js - 直流综合图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22591980/

相关文章:

javascript - 为什么这段代码可以计算列表中的一个项目而不是其他项目?

d3.js - dc.js barChart 第一个和最后一个栏没有完全显示

javascript - DCjs 光标和工具提示

javascript - dc.js 饼图图例 - 如果结果为 0 则隐藏

javascript - DC.js numberDisplay with crossfilter 获取总记录

javascript - 使用分组元素 dc.js 的百分比聚合数据表

crossfilter - 按列重新排序数据表

javascript - dc.js 气泡图无法显示点

node.js - dc.js 与 Node.js 服务器端

reactjs - DC.JS Scrollable Rowchart 在 React 中没有间隙