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/

相关文章:

d3.js - DC JS : How to highlight rows in an aggregated data table on click, 类似于条形图?

javascript - dc.js中的dc.legend-是否可以添加自定义标签?

d3.js - dc.js geochoropleth map 缩放

javascript - DC.JS Crossfilter-添加运行累计总和

javascript - 更改dc.js折线图中的数据组并重新绘制

javascript - yAxis()。tickFomat是否不适用于dcjs上的复合图表?

javascript - 如何通过CSS在dc.js中设置饼图的宽度

javascript - d3.js:5942 错误:<g> 属性转换 ="translate(NaN,0)"的值无效

javascript - dcjs y轴在有序条形图上吗?

javascript - 在 crossfilter.dimension 中检索值