在 dc.js 行图中显示百分比

【问题标题】：Showing Percentages in dc.js Row Charts在 dc.js 行图中显示百分比
【发布时间】：2015-08-08 13:25:45
【问题描述】：

我有一个饼图，已将其转换为行图以使其更具可读性。

在行图条目的标签中，我希望能够报告每一行的百分比细分（就像使用开始和结束角度的饼图一样）。

我不确定如何将百分比添加到标签中。这可能吗？

【问题讨论】：

这应该是可能的。你能发布一些好的，我们看看我们是否能弄清楚如何让它发挥作用？

标签： javascript d3.js dc.js

【解决方案1】：

我认为这会奏效。在您的行图定义中，只需添加此属性

.label(function(d){
            return d.key + " : " + d.value + " - " +(d.value / ndx.groupAll().reduceCount().value() * 100).toFixed(2) + "%";
        });

这将在生成的水平条上为您提供类似的内容

活跃：267 - 50.38%

您可以自定义此代码以满足您的需要。

【讨论】：