Chartjs 在不禁用工具提示的情況下禁用 hover 上的顏色更改

Question

當懸停在圖表 canvas 上時，我一直在嘗試禁用所有顏色更改，但如果不禁用圖表上的所有工具提示和其他交互，我仍然無法刪除所有顏色更改。 我用來設置 colors 的代碼是：

const color = array.map(a => getRandomColorWithAlphaOf(0.7))
    const dataTest = {
        labels: turns,
        datasets: array.map((a,i) => (
            {
            label: a.nick,
            fill: false,
            data: a.data.map(d => d.cost),
            borderColor: color[i],
            backgroundColor: color[i],
            hoverBackgroundColor: color[i],
            hoverBorderColor: color[i],
            pointBackgroundColor: color[i],
            pointBorderColor: color[i],
            pointHoverBackgroundColor: color[i],
            pointHoverBorderColor: color[i]
        }
        ))
    }

仍然當懸停在點上時，它會更改 colors。

圖表創建代碼在這里：

const lineChart = new Chart (ctx, {
        type: "line",
        data: dataTest,
        options: {
            legend: {
                display: false
            },
            legendCallback: (chart) => {
                var text = [];
                text.push('<ul>');
                for (var i=0; i <chart.data.datasets.length; i++) {
                    console.log(chart.data.datasets[i]); 
                    text.push('<li>');
                    text.push('<span style="background-color:' + chart.data.datasets[i].borderColor + '">' +" &nbsp;  &nbsp;  &nbsp; " +'</span>');
                    text.push('<span">' + chart.data.datasets[i].label + '</span>');
                    text.push('</li>');
                }
                text.push('</ul>');
                return text.join("");
            }
    }
    })

有沒有辦法擺脫所有顏色變化而不使用像“事件：[]”這樣會同時禁用工具提示的東西？

編輯：在 useEffect 中移動顏色生成解決了這個問題。 我猜它生成了 colors 多次不同的時間。

Answer 1

在 useEffect 中通過移動顏色生成解決了這個問題。 我猜它生成了 colors 多次不同的時間。