dc.js：在 rowChart 末尾显示总和答案

【问题标题】：dc.js: Show sum totals at end of rowChartdc.js：在 rowChart 末尾显示总和
【发布时间】：2015-06-23 20:53:45
【问题描述】：

这类似于我问过before 的一个问题。但是，我尝试显示的不是条形图，而是行图的总计。

我已经尝试相应地调整代码，但我对 JS 的熟悉程度很低。以下是我的尝试，任何帮助将不胜感激。

      genderChart.on('renderlet', function (chart) {

    var rowData = [];
    var rows = chart.selectAll('.row').each(function (d) {
      rowsData.push(d);
    });

    //Remove old values (if found)
    d3.select(rows[0][0].parentNode).select('#inline-labels').remove();
    //Create group for labels
    var gLabels = d3.select(bars[0][0].parentNode).append('g').attr('id', 'inline-labels');

    for (var i = rows[0].length - 1; i >= 0; i--) {

      var b = rows[0][i];

      gLabels.append("text")
          .text(d3.format(",f")(rowsData[i].data.value))
          .attr('x', +b.getAttribute('x') + (b.getAttribute('width') + 20)
          .attr('y', +b.getAttribute('y'))
          .attr('text-anchor', 'middle')
          .attr('fill', 'black');
    }
  });

现在控制台中没有错误，所以它正在正确渲染......在哪里。到目前为止，文本并没有显示在我的行图附近的任何地方。谢谢！

【问题讨论】：

标签： javascript dc.js

【解决方案1】：

作为您的方法的替代方案，您可以尝试使用renderTitleLabel。

类似这样的：

genderChart
  .title(function(d) {
    return d.value; // or your custom value accessor
  })
  .renderTitleLabel(true)
  .titleLabelOffsetX(10); // optional offset from the right side of the chart

（这在 2.0 测试版中可用，我不确定以前的版本。）

【讨论】：