创建自定义工具提示数据 C3 饼图

问题描述

我正在尝试在 C3 饼图 (source) 上创建详细的工具提示，这里是我的起始代码：

var chart = c3.generate({
     data: {
         columns: [
             ['Error',72,15,11],['Success',58,42,5],],type : 'pie'
     },tooltip: {
         format: {
             title: function (d) { return 'Data ' + d; },name : function(name) { return  name; }
         }
     } 
});

这里我想显示：

我尝试使用数据中的数组但没有成功

 columns: [
        ['Error': {name : 'Stage 1',value : 72},{name : 'Stage 2',value : 15},{name : 'Stage 3',value : 11}],['Success': {name : 'Stage 1',value : 58},value : 42},value : 5}],

这是我的JSFiddle

解决方法

似乎 grouping the tooltip 没有为饼图实现。
我发现可行的唯一方法是复制数据数组并返回自定义工具提示：

if (!member.roles.cache.has(role)) { 
  member.roles.add(role)
  message.channel.send(new MessageEmbed()
    .setColor("RED")
    .setDescription(`${role} wurde ${member} hinzugefügt.`))

} else if (member.roles.cache.has(role)) { 
  member.roles.remove(role)
  message.channel.send(new MessageEmbed()
    .setColor("RED")
    .setDescription(`${role} wurde von ${member} entfernt.`)
}

现在你明白了。随心所欲地自定义工具提示。