工具提示背景颜色取决于图表颜色图表

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;
        }

，但我得到了错误

属性'setTransform'在类型中丢失（工具Tipitem：Chart -ToolTipitem，图表：图表）=> String'，但在类型的" 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 属性。在方法中写入条件，然后将颜色hashcode返回为字符串，只需从背景彩色属性调用该方法。

例如，方法名称为X，它正在返回颜色代码。那么代码将是backgroundColor: x()