dc.js row chart with single negative row not showing
<p>I'm building a dashboard with the excellent <code>dc.js</code> library, and using a lot of row charts to depict performance across multiple layers of a network. The top layers only consist of one element, and for conformity reasons I want to depict these top layers with a row chart (with a single row) as well. However, performance values can be negative so in this case I want to show a single row in a row chart with a negative value. </p>

<p>This results in an empty chart. Here is a basic example of a similar situation:</p>

<pre><code>var chart2 = dc.rowChart("#test2");

data2 = [{
  Expt: "1",
  Run: "2",
  Speed: -850
}];

var ndx2 = crossfilter(data2)
var runDimension2 = ndx2.dimension(function(d) { return +d.Run; })
var speedSumGroup2 = runDimension2.group().reduceSum(function(d) { 
    return d.Speed * d.Run / 1000; });

chart2
  .width(768)
  .height(100)
  .elasticX(true)
  .dimension(runDimension2)
  .group(speedSumGroup2)
  .render();
</code></pre>

<p>I created a fiddle <a href="https://jsfiddle.net/BjRnJ/drvowj77/" rel="nofollow">here</a>. I tried using the stable <code>dc.js 1.7.5</code> as well as 2.0.0 beta 26, the result was the same. Any help would be much appreciated! </p>