Javascript C3.js piechart工具提示未显示

我正试图在我的应用程序中实现饼图，但鼠标悬停时并没有显示饼图工具提示

下面是我的代码

<link rel="icon"  href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.2/c3.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.2/c3.min.js" ></script>


<div id="chart"></div>

<script>
var chart = c3.generate({
    bindto:'#chart',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 50]
        ],
        type: 'pie'
    },
    pie: {
        label: {
            format: function (value, ratio, id) {
                return value;
            }
        }
    },
      tooltip: {
      format: {
          title: function (d) { return 'Data ' + d; },
          value: function (value, ratio, id) {
                  return value;
          }
//            value: d3.format(',') // apply this format to both y and y2
      }
  },
});
</script>

var图表=c3.0({
bindto:'图表'，
数据：{
栏目：[
[data1'，30]，
[data2'，50]
],
键入：“馅饼”
},
馅饼：{
标签：{
格式：函数（值、比率、id）{
返回值；
}
}
},
工具提示：{
格式：{
标题：函数（d）{return'Data'+d；}，
值：函数（值、比率、id）{
返回值；
}
//value:d3.format（'，'）//将此格式应用于y和y2
}
},
});

我已经为同样的东西创建了fiddle，下面是url

---

包含以下css似乎会使工具提示重新出现，尽管不是完全固定的

g.c3-chart g.c3-event-rects rect.c3-event-rect {
  pointer-events: none;
}

---

你可以简单地回滚到5月18日更新的先前版本v0.4.23，而不必进行肮脏的黑客攻击（这会禁用条形图上的工具提示等）

---

没有更多的变化，只有实验性的东西不起作用，但其余的基本图表都很好。这是链接->

您是否指定了其他图表的格式？如果没有，会发生什么？