工具提示backgroundColor取决于图表颜色ChartJS

Question

我会根据图形设置工具提示的背景颜色

这就是我的成就

tooltips: {
        yPadding: -2,
        xPadding: 10,
        footerMarginTop: 5,
        titleFontColor: '#FFF',
        displayColors: false,
        backgroundColor: function(tooltipItem: Chart.ChartTooltipItem, chart: Chart) {
            const bgColor = `${chart.config.data.datasets[tooltipItem.datasetIndex].pointBorderColor.toString()}`;
            return bgColor;
        }

但是我得到了错误

类型'（tooltipItem：ChartTooltipItem，chart：Chart）=> string'中缺少属性'setTransform'，但在'CanvasPattern'类型中需要。 [2322]

我还要在callbacks做

callbacks: {
    labelColor: function(tooltipItem: Chart.ChartTooltipItem, chart: Chart) {
        const bgColor = `${chart.config.data.datasets[tooltipItem.datasetIndex].pointBorderColor.toString()}`;
        return {
            backgroundColor: bgColor,
            borderColor: ''
        };
    },
}

但颜色没有得到应用，我得到黑色而不是黑色的pointBorderColor颜色。 （我的颜色代码很好）

Answer 1

不要将匿名方法分配给backgroundColor属性。在方法内部写条件并将颜色哈希码作为字符串返回，并从backgroundColor属性中调用该方法。

例如，方法名称是x，它返回颜色代码。然后代码将是backgroundColor: x()