Chart js 中的工具提示总是黑色而不是对应数据集的颜色

Question

我正在使用图表 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'
            ];

Answer 1

您有这个问题，因为您使用的是十六进制代码而不是 rgba .. 尝试替换它们..