在 dc.js 行图表中显示百分比
Showing Percentages in dc.js Row Charts
我有一个饼图,我已将其转换为折线图以使其更具可读性。
在行图表条目的标签中,我希望能够报告每一行的百分比细分(就像使用开始和结束角度的饼图一样)。
不过我不确定如何将百分比添加到标签中。这可能吗?
我认为这会奏效。在您的行图表定义中只需添加此 属性
.label(function(d){
return d.key + " : " + d.value + " - " +(d.value / ndx.groupAll().reduceCount().value() * 100).toFixed(2) + "%";
});
这将在生成的水平条上给你这样的东西
Active : 267 - 50.38%
您可以自定义此代码以满足您的需要。
我有一个饼图,我已将其转换为折线图以使其更具可读性。
在行图表条目的标签中,我希望能够报告每一行的百分比细分(就像使用开始和结束角度的饼图一样)。
不过我不确定如何将百分比添加到标签中。这可能吗?
我认为这会奏效。在您的行图表定义中只需添加此 属性
.label(function(d){
return d.key + " : " + d.value + " - " +(d.value / ndx.groupAll().reduceCount().value() * 100).toFixed(2) + "%";
});
这将在生成的水平条上给你这样的东西
Active : 267 - 50.38%
您可以自定义此代码以满足您的需要。