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