如何正确配置dc.js维度和组以显示数据元素

由于我不断向数据集添加维度，因此我遇到了让我的条形图不显示我的“帐户”维度值的问题。这是我目前的小提琴：https://jsfiddle.net/eugene_goldberg/yv3nnred/18/如何正确配置dc.js维度和组以显示数据元素

var data = [ 
      {date: "2015-03-25T12:10:00", resolver: "Group 1", escalation_pct: 20, bubble: 5,account: "Aon", region: "Americas", x: 1}, 
      {date: "2015-03-25T12:15:00", resolver: "Group 2", escalation_pct: 10, bubble: 5,account: "Boeing", region: "AMEA", x: 1}, 
      {date: "2015-03-25T12:25:00", resolver: "Group 3", escalation_pct: 50, bubble: 10,account: "Zurich", region: "Nordics", x: 1}, 
      {date: "2015-03-25T12:40:00", resolver: "Group 4", escalation_pct: 30, bubble: 1,account: "Aon", region: "Americas", x: 1}, 
      {date: "2015-03-25T12:35:00", resolver: "Group 5", escalation_pct: 5, bubble: 10,account: "Boeing", region: "Australia", x: 1}, 
      {date: "2015-03-25T12:45:00", resolver: "Group 6", escalation_pct: 13, bubble: 1,account: "Zurich", region: "UK&I", x: 1} 
     ]; 

var dimAccount = ndx.dimension(function(d) {return + d.account;}); 

    var accountGroup = dimAccount.group().reduceSum(function(d) {return d.x}); 

    var accountChart = dc.barChart("#account-chart"); 

    accountChart.width(480) 
      .height(150) 
      .dimension(dimAccount) 
      .group(accountGroup) 

      .x(d3.scale.linear().domain([0, 10])) 
      .elasticY(true) 
      .xAxis().tickFormat();

现在一定是很基本的，我只是没有抓住它尚未...

来源

2016-03-07 Eugene Goldberg

正如澄清 - 我什么都为是有一个条形图，其中每个方块表示“帐户”维度的一个单独的实例。酒吧的高度并不重要 - 只需要选择一系列帐户进行过滤。所以 - “Aon”将由单个酒吧代表，“Boeing”将会是单个酒吧等。 –

在我的情况下，连续图表会是我需要什么。一个完全工作的小提琴低于：

https://jsfiddle.net/eugene_goldberg/yv3nnred/25/

var dimAccount = ndx.dimension(function(d) {return d.account;}); 

    var accountGroup = dimAccount.group().reduceSum(function (d) { 
     return d.x; 
    }); 

    var accountChart = dc.rowChart("#account-chart"); 

    accountChart 

      .width(500) 
      .height(500) 
      .dimension(dimAccount) 
      .group(accountGroup);

来源

2016-03-07 14:28:23

一排图表做工不错。但另一种选择是选择菜单，因为酒吧的高度并不代表您可以使用选项的简单下拉菜单。

（上2.1分支dc.selectMenu）

来源

2016-03-07 15:17:22

如何正确配置dc.js维度和组以显示数据元素

回答

相关问题