dc.js - 条形图的数据标签

时间:2014-08-08 11:11:17

标签: javascript d3.js dc.js

我使用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添加新元素,并且我成功了。

但我不知道如何在选择中输入确切的数字。

而对于rowChartpieChart,我们可以使用标签功能使用d.value添加数据标签,而条形图不提供这些标签。

我们是否可以在dc.js的所有栏上添加数据标签。

提前致谢。

0 个答案:

没有答案