我使用dc.js
在条形图下面有以下代码。
barChart = dc.barChart('.bar-chart-container')
barDimension = ndx.dimension(function(d) { return d.bar; })
barGroup = barDimension.group().reduceSum(function(d) { return d.count; });
barChart
.margins({ top: 10, left: 50, right: 10, bottom: 150 })
.width(1200)
.height(500)
.dimension(barDimension)
.group(barGroup)
.x(d3.scale.ordinal())
.xUnits(dc.units.ordinal)
.gap(5)
.elasticY(true)
.renderlet(function (chart) {chart.selectAll("g.x text").attr('dx', '-35').attr(
'dy', '15').attr('transform', "rotate(-45)").attr("text-anchor", "end");})
.renderlet(function(chart) {
chart.selectAll("rect")
.append("text")
.attr("text", function(d) { return d.value })
})
我想将数据标签添加到条形图中。
但不幸的是,这在dc.js中是不可行的。
我厌倦了使用.renderLet
添加新元素,并且我成功了。
但我不知道如何在选择中输入确切的数字。
而对于rowChart
和pieChart
,我们可以使用标签功能使用d.value
添加数据标签,而条形图不提供这些标签。
我们是否可以在dc.js
的所有栏上添加数据标签。
提前致谢。