Dc.js - 具有动态高度的行图

Dc.js - Row Chart with dynamic height

我通过 Dc.js 创建了一个行图。我有动态数据,所以我每次都有多种数据。现在,我的问题是我的行图表的高度是静态的并且 Svg 是压缩的 并且不清楚:

rowChart = dc.rowChart('#rowChart');

rowChart 
 .width(300)
 .height(300)
 .margins({ top: 20, left: 10, right: 10, bottom: 20 })
 .group(barChartDimensionGroup)
 .dimension(barChartDimension)
 ...

我有一个错误:

Error: Invalid negative value for attribute height="-4.894322420223788"

我通过@gordon 找到了解决方案:

 rowChart = dc.rowChart('#rowChart');
 var heightRowChart=0;
 heightRowChart = rowChartDimensionGroup.all().length;

 tmpRowChart /* dc.rowChart('#day-of-week-chart', 'chartGroup') */
 .width(300)
 .height(heightRowChart*30)
 ...