Javascript 图表js中的工具提示始终为黑色，而不是相应数据集的颜色

我使用的是图表js，我有多个数据集

我对工具提示有一个问题，事实上，指示数据集颜色的正方形总是黑色

为什么?

代码如下：

                fattureChart = new Chart(ctx, {
                    type: 'line',
                    data: {
                        labels: labels,
                        datasets: mydatasets
                    },
                    options: {
                        responsive: true,
                        tooltips: {
                            mode: 'index',
                            intersect: false,
                        },
                        animation:{
                            easing: 'easeOutElastic',
                            duration: 2500
                        },
                        plugins: {
                            filler: {
                                propagate: true
                            }
                        },
                        scales: {
                            xAxes: [{
                                display: true,
                                scaleLabel: {
                                    display: true,
                                    labelString: 'PERIODO'
                                }
                            }],
                            yAxes: [{
                                display: true,
                                scaleLabel: {
                                    display: true,
                                    labelString: 'EURO'
                                },
                                ticks: {
                                    beginAtZero:true
                                }
                            }],
                        }
                    }
                });
            }
         });

这里我有一组颜色：

var backgroundColor = [
                '#0db02bc7', 
                '#0daf87c7',
                '#afaf0dc7',
                '#0cb0aac7', 
                '#0c97b0c7'
            ];

---

您可能会遇到这个问题，因为您使用的是十六进制代码而不是rgba。。尝试替换它们。

您的计算机会出现此问题，因为您使用的是十六进制代码而不是rgba。。试着替换它们