繁体   English   中英

dc.js / d3.js-每个类别中组的最小值/最大值

[英]dc.js/d3.js - min/max value from group per category

我讨厌创建一个新帖子来询问这个问题,但是由于我仍然很新,因此我无法对帖子发表评论。

我基本上有与dc.js相同的问题-每天小组的最小值

但是由于jsfiddle不再运行,因此我看不到他们如何解决该问题。

var data = [
    {category: 'A', ..., amount: '13', categoryCount: 1},
    {category: 'A', ..., amount: '13', categoryCount: 0},
    {category: 'B', ..., amount: '10', categoryCount: 1},
    {category: 'A', ..., amount: '3', categoryCount: 1},
    {category: 'C', ..., amount: '27', categoryCount: 1},
    {category: 'A', ..., amount: '11', categoryCount: 1},
    {category: 'B', ..., amount: '18', categoryCount: 2},
    {category: 'C', ..., amount: '19', categoryCount: 1},
    {category: 'C', ..., amount: ' ', categoryCount: 1},
    {category: 'C', ..., amount: '22', categoryCount: 1}
];

我想要一个包含每个类别的最小(和最大值)值的面积图。

我现在有

var bar_graph = dc.barChart("#bar_chart");
var bar_graphDim = ndx.dimension(function(d) {return d.category;});
var bar_graphGroup = bar_graphDim.group().reduceSum(d.categoryCount);
var dateDimGroup = reductio().min(function (d) { return +d.amount; })(bar_graphDim.group());
var dateDimFGroup = remove_empty_bins(dateDimGroup);
bar_graph
    .width(150).height(60)
    .dimension(bar_graphDim)
    .group(dateDimFGroup)
    .valueAccessor(function(d) {return d.value.min;})  //added a solution
    .renderHorizontalGridLines(true)
    .gap(2)
    .x(d3.scale.ordinal())
    .xUnits(dc.units.ordinal)
    .elasticY(true)
    .elasticX(true)
    .yAxisLabel("counts");
var bar_graphGroupMax = bar_graphDim.group().reduceSum(d.categoryCount);
var dateDimGroupMax = reductio().min(function (d) { return +d.amount; })(bar_graphDim.group());
var dateDimFGroupMax = remove_empty_bins(dateDimGroupMax);
bar_graphMax
    .width(150).height(60)
    .dimension(bar_graphDim)
    .group(dateDimFGroupMax)
    .valueAccessor(function(d) {return d.value.max;})
    .renderHorizontalGridLines(true)
    .gap(2)
    .x(d3.scale.ordinal())
    .xUnits(dc.units.ordinal)
    .elasticY(true)
    .elasticX(true)
    .yAxisLabel("counts");

你有

var dateDimGroup = reductio().min(function (d) { return d.amount; }(dateDim.group());

我认为即使执行也不会吗? 我希望你有:

var dateDimGroup = reductio().min(function (d) { return +d.amount; })(dateDim.group());

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM