Javascript 图例中的条形标签

我的问题类似于

我想用饼图输出相同的数据，但我不想创建多个数据集。我设法做到了，但现在我找不到方法

以下是我的代码示例：

 var myChart = new Chart(ctx, {
    type: type_p,
    data: {
        labels: ['Lundi','Mardi'],
        datasets: [{
            data: [50,20],
            backgroundColor: color,
            borderColor: color,
            borderWidth: 1
        }]
    }

我想要与饼图相同的图例，但带有条形图：

---

这是一种方法吗？

要实现这一点，您必须基于数据集的

标签数组生成自定义标签（使用函数）

legend: {
   labels: {
      generateLabels: function(chart) {
         var labels = chart.data.labels;
         var dataset = chart.data.datasets[0];
         var legend = labels.map(function(label, index) {
            return {
               datasetIndex: 0,
               fillStyle: dataset.backgroundColor && dataset.backgroundColor[index],
               strokeStyle: dataset.borderColor && dataset.borderColor[index],
               lineWidth: dataset.borderWidth,
               text: label
            }
         });
         return legend;
      }
   }
}

将此添加到图表选项中

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩


var ctx=canvas.getContext（'2d'）；
var图表=新图表（ctx{
类型：'bar'，
数据：{
标签：['Lundi'，'Mardi'，'Mercredi'，'Jeudi'，'Vendredi']，
数据集：[{
数据：[1,2,3,4,5]，
背景色：[“ff6384”、“36a2eb”、“ffce56”、“4bc0c0”、“9966ff”]，
边框颜色：['#ff6384'、'#36a2eb'、'#ffce56'、'#4BC0C0C0'、'#9966ff']，
边框宽度：1
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
},
图例：{
标签：{
发电机标签：功能（图表）{
var标签=chart.data.labels；
var数据集=chart.data.datasets[0]；
变量图例=labels.map（函数（标签、索引）{
返回{
数据集索引：0，
fillStyle:dataset.backgroundColor&&dataset.backgroundColor[索引]，
strokeStyle:dataset.borderColor&&dataset.borderColor[索引]，
线宽：dataset.borderWidth，
文本：标签
}
});
返回图例；
}
}
}
}
});