Question

我的代码是这样的。我想做的是我想要平均swn_pospol 并将其用作Y轴。我在dateDimGroup中获得的是键和值。现在如何获取avg_pospol并将其用作Y轴

var dateDim = ndx.dimension(function(d) {return d.fields.date;});

var dateDimGroup = dateDim.group().reduce(
    //add
    function(p,v){
        ++p.count;
        p.sum_pospol += v.fields.swn_pospol;
        p.avg_pospol = p.sum_pospol / p.count;
        return p;
    },
    //remove
    function(p,v){
         --p.count;
        p.sum_pospol -= v.fields.swn_pospol;
        p.avg_pospol = p.sum_pospol / p.count;
        return p;
    },
    //init
    function(p,v){
        return {count:0, sum_pospol: 0,  avg_pospol: 0};
    }
);

var lineChart  = dc.lineChart("#chart-line"); 
lineChart 
.width(1000).height(200)
.dimension(dateDim)
.group(cityDimensionGroup,"Positive")
.x(d3.time.scale().domain([minDate,maxDate])); 

dc.renderAll();

我想要的是X轴上的日期和折线图的Y轴上的avg_pospol。如何实现？

Answer 1

在我看来，添加一个valueAccessor函数可以得到你想要的东西。

lineChart 
.width(1000).height(200)
.dimension(dateDim)
.group(cityDimensionGroup,"Positive")
.valueAccessor(function(p) { return p.value.avg_pospol; })
.x(d3.time.scale().domain([minDate,maxDate]));

未经测试，但至少有希望让你走上正确的道路。

dc.js对折线图进行分组后的访问值

1 个答案: