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

Javascript Dc.js-具有动态高度的行图表,javascript,d3.js,dc.js,Javascript,D3.js,Dc.js,我用Dc.js创建了一个行图表。我有动态数据,所以每次都有多种数据。现在,我的问题是,我的行图表的高度是静态的,Svg被压缩且不清晰: rowChart = dc.rowChart('#rowChart'); rowChart .width(300) .height(300) .margins({ top: 20, left: 10, right: 10, bottom: 20 }) .group(barChartDimensionGroup) .dimension(barChar

我用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)
 ...
我有一个错误:

错误:属性的负值无效 高度=“-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)
 ...

@戈登,请看这篇文章。我想这一定是一个行图。看起来不错!获取项目数量的一个更简单的方法可能是
barChartDimensionGroup.all().length
Yes,这是RowChart先生@Gordon。这项工作:var heightRowChart=rowChartDimensionGroup.all().length;谢谢。