ChartJS：自定义图例不显示多饼形图的标签

Question

我有一个带有多个环的饼图，并使用以下代码创建了“自定义图例”功能：

function (chart) {
var text = [];
text.push('<ul class="list-inline ' + chart.id + '-legend">');
for (var i = 0; i < chart.data.datasets[0].data.length; i++) {
    text.push('<li class="list-inline-item"><i class="fas fa-circle pr-1" style="color:' +
            chart.data.datasets[0].backgroundColor[i] + '"></i>');
    if (chart.data.labels[i]) {
        text.push('<span class="font-weight-bold">' + chart.data.labels[i] + '</span>');
    }
    text.push('</li>');
}
text.push('</ul>');
return text.join('');
},

预期上面的功能将显示PieChart中的所有标签，但仅显示项目符号。

这是JSfille（https://jsfiddle.net/kingBethal/x03w2qbk/17/）

Answer 1

要从所有数据集中收集标签，应将所有数据集包含在循环中：

function _interopRequireDefault(module) {
  const
      isCJSModule = module && module.__esModule,
      cjsStyedModule = { default: module };

  return isCJSModule ? module: cjsStyedModule;
}