ChartJS:自定义图例不显示多饼图标签

var myChart = new Chart(ctx, {
  type: 'pie',
  data: data,
  options: {
    legend: false,
    // 其他配置选项
  }
});

options: {
  legendCallback: function(chart) {
    var legendHtml = [];
    legendHtml.push('<ul class="custom-legend">');
    for (var i = 0; i < chart.data.labels.length; i++) {
      legendHtml.push('<li><span class="legend-color" style="background-color:' + chart.data.datasets[0].backgroundColor[i] + '"></span>');
      legendHtml.push('<span class="legend-label">' + chart.data.labels[i] + '</span></li>');
    }
    legendHtml.push('</ul>');
    return legendHtml.join('');
  },
  // 其他配置选项
}

<div id="custom-legend-container"></div>

var legendContainer = document.getElementById('custom-legend-container');
legendContainer.innerHTML = myChart.generateLegend();