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

时间:2015-05-26 18:12:03

标签: javascript d3.js dc.js

我有一个饼图,我已经转换为行图,使其更具可读性。

在行图条目的标签中,我希望能够报告每行的百分比细分(可以使用开始和结束角度的饼图)。

我不知道如何将百分比添加到标签中。这可能吗?

1 个答案:

答案 0 :(得分:10)

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

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

这会在生成的水平条上给你这样的东西

  

活跃:267 - 50.38%

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