dc.js堆积的条形图，负值会使布局混乱

Question

我需要弄清楚这个错误，我的dc.js图表​​工作得很好，除非我在堆叠的条形图中添加了负值。不是从y = 0开始，而是从堆叠的顶部开始，弄乱了图表。

    function grid (selector,data) {
  var ndx = crossfilter(data),
      all = ndx.groupAll();

  var bar_bank = dc.barChart(selector + " .bank");

  var bank = ndx.dimension(function(d) {
      if (typeof d.bank == "undefined") return "";
      return d.bank;
      });

  var bankGroupBuy   = bank.group().reduceSum(function(d) { 
  return d.buy; });
    var bankGroup   = bank.group().reduceSum(function(d) { 
    return d.sell); });
  bar_bank
    .width(444)
    .height(300)
    .outerPadding(22)
    .gap(1)
    .x(d3.scaleBand())
    .y(d3.scaleLinear())
    .xUnits(dc.units.ordinal)
    .brushOn(false)
    .elasticY(true)
    .yAxisLabel("#BARCHART")
    .dimension(bank)

    .group(bankGroupBuy)
    .stack(bankGroupSell)
    ;
dc.renderAll();
}

这将呈现：

但是当我

return -d.sell

发生这种情况：

有什么想法可以解决吗？因此，堆叠的负数从0开始并下降，而不是从第一个负数的顶部开始？

谢谢！

这是我的csv：

time,bank,buy,sell,AVG_vol_price
2019-02-11,AVA,26378,138177,1.688
2019-02-11,NON,19340,13500,1.683
2019-02-11,SFK,0,43,1.74
2019-02-11,SHB,11300,498,1.692
2019-02-11,SWB,101200,6000,1.689
2019-02-12,AVA,125612,138612,1.683
2019-02-12,ENS,5000,0,1.702