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

【问题标题】：Dc.js - Row Chart with dynamic heightDc.js - 具有动态高度的行图
【发布时间】：2015-10-15 06:54:40
【问题描述】：

我通过 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)
 ...

我有一个错误：

错误：属性的负值无效 height="-4.894322420223788"

【问题讨论】：

@Gordon，请看这篇文章。

标签： javascript d3.js dc.js

【解决方案1】：

我通过@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
是的，那是 RowChart Mr.@Gordon。那项工作： var heightRowChart = rowChartDimensionGroup.all().length;非常感谢。