相关疑难解决方法(0)

DC-js中的多系列条形图

我正在使用DC.js(在D3之上的lib)并且有一个单个系列条形图的一个很好的例子:

在此输入图像描述

 var xf = crossfilter(data);
 var dim = xf.dimension(function (d) { return d["EmployeeName"]; });
 var group = dim.group().reduceSum(function (d) { return d["AverageSale"]; });

 var chart = dc.barChart(elm);
 chart.barPadding(0.1)
 chart.outerPadding(0.05)
 chart.brushOn(false)
 chart.x(d3.scale.ordinal());
 chart.xUnits(dc.units.ordinal);
 chart.elasticY(true);

 chart.dimension(dim).group(group);
 chart.render();
Run Code Online (Sandbox Code Playgroud)

但我想知道是否有可能使用这个库创建一个多维条形图.例如:按商店名称分组,然后按员工分组,然后y轴显示平均销售价值(已由我的后端计算).

数据看起来像:

 [{
    "EmployeeName": "Heather",
    "StoreName" : "Plaza",
    "AverageSaleValue": 200
 }{
    "EmployeeName": "Mellisa",
    "StoreName" : "Plaza",
    "AverageSaleValue": 240
 }, {
    "EmployeeName": "Sarah",
    "StoreName" : "Oak Park",
    "AverageSaleValue": 300
 } ... ]
Run Code Online (Sandbox Code Playgroud)

javascript d3.js crossfilter dc.js

8
推荐指数
1
解决办法
1万
查看次数

标签 统计

crossfilter ×1

d3.js ×1

dc.js ×1

javascript ×1