ValueAccessor无法在dc.js中的条形图上显示百分比

时间:2017-08-21 19:55:09

标签: d3.js dc.js crossfilter

我无法使用代码在条形图上显示百分比:

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) + "%";})时,图表完全消失,而不会在浏览器控制台中显示错误。有人有想法吗?谢谢!

0 个答案:

没有答案