我无法使用代码在条形图上显示百分比:
chart3barchart2
.width(500)
.height(500)
.x(d3.scale.ordinal().domain(['18-21', '22-26', '27-30', '31-35']))
.xUnits(dc.units.ordinal)
.margins({top: 24, left: 0, right: 10, bottom: 20})
.colors(d3.scale.category10())
.brushOn(false)
.ordinalColors(['#FC6E4C'])
.dimension(ageDim)
.group(ageGroup)
.valueAccessor(function (d) { return parseInt((d.value.RespondCount/ntotal2.all()[0].value.RespondCount* 100).toFixed(0),10) + "%";})
.elasticY(true)
.yAxisPadding('60%')
.renderLabel(true)
.barPadding(0.2)
.outerPadding(0.6);
dc.renderAll("viz2");
有关整个代码,请参阅this fiddle。
每次我将“%”放到.valueAccessor(function (d) { return parseInt((d.value.RespondCount/ntotal2.all()[0].value.RespondCount* 100).toFixed(0),10) + "%";})
时,图表完全消失,而不会在浏览器控制台中显示错误。有人有想法吗?谢谢!