如何在 C3.js 饼图切片中添加图像？

【问题标题】：How can I add an image inside C3.js piechart slices?如何在 C3.js 饼图切片中添加图像？
【发布时间】：2018-04-08 22:44:53
【问题描述】：

我想在 C3.js 饼图切片中添加一个图标。我想要这个：

【问题讨论】：

您好，欢迎来到 StackOverflow。请花一些时间阅读帮助页面，尤其是名为"What topics can I ask about here?" 和"What types of questions should I avoid asking?" 的部分。更重要的是，请阅读the Stack Overflow question checklist。您可能还想了解Minimal, Complete, and Verifiable Examples。

标签： c3.js

【解决方案1】：

这应该使用 fontawesome 添加图标

d3.selectAll(".c3-chart-arcs text").each(function(d) {
  // your update code here as it was in your example
  d3.select(this).append('text')
  .attr('font-family', 'FontAwesome')
  .attr('font-size', function(d) { return '2em'} )
    .text(function(d) { return '\uf118' });  
});

【讨论】：