d3在饼图上显示数字而不是百分比

Posted 2023-02-22

【中文标题】d3在饼图上显示数字而不是百分比

【英文标题】：d3 show number instead of percentages on pie chart

【发布时间】：2015-08-16 16:14:11

【问题描述】：

我正在绘制一个图表来显示有多少人完成了我们的应用程序，以及有多少人未能通过所有步骤。为此，我的公司决定使用库 d3 来显示图表。但是，在饼图中，他们希望显示一个整数而不是默认百分比，我似乎找不到任何关于此的文档。

我的代码如下所示

 c3.generate(
      bindto: '.pieChart',
      data: 
       columns: [
           ['Started', Started],
           ['Completed', Completed]
        ],
           type: 'pie'
       
   );

任何帮助将不胜感激！

【参考方案1】：

documentation 很漂亮clear。

var chart = c3.generate(
  data: 
    columns: [
      ['data1', 30],
      ['data2', 50]
    ],
    type: 'pie'
  ,
  pie: 
    label: 
      format: function(value, ratio, id) 
        return value;
      
    
  
);

例如here。