Всплывающая подсказка backgroundColor в зависимости от цвета диаграммы ChartJS - PullRequest
Новая
       11

Всплывающая подсказка backgroundColor в зависимости от цвета диаграммы ChartJS

0 голосов
/ 01 марта 2019

Я бы установил цвет фона всплывающих подсказок в зависимости от графика

Вот как я сделал 

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«отсутствует в типе» (tooltipItem: ChartTooltipItem, chart: Chart) => 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, которыйне черный(Я поправляю цветовой код)

1 Ответ

0 голосов
/ 01 марта 2019

Не назначать анонимный метод свойству backgroundColor .запишите условия внутри метода и верните хэш-код цвета в виде строки и просто вызовите этот метод из свойства backgroundColor.

Например, имя метода - x, возвращающее код цвета.тогда код будет backgroundColor: x()

...