HTML-теги включаются в метках всплывающей подсказки по умолчанию в chart.js

Question

Нужно добавить HTML-теги по умолчанию tooltip в ярлыке callback function

tooltips: { 
    callbacks: {
        label: function(tooltipItem, data) {
            return "<h1>Daily Ticket Sales</h1> </br> $" + tooltipItem.yLabel;
        },
    }
}

Answer 1

Что я вижу, что вы хотите придать какой-то стиль или увеличить размер шрифта "Daily Ticket Sales". Одна вещь, которую вы можете сделать, это поместить заголовок в обратный вызов заголовка и изменить стиль заголовка через свойства всплывающей подсказки.
[Образец-код]

options: {
            tooltips: {
                titleFontSize : 24,
                callbacks: {
                    title: function(tooltipItems, data) {
                        return 'Daily Ticket Sales';
                    },
                    label: function(tooltipItem, data) {
                        return '$'+tooltipItem.yLabel;
                    }
                }
            }
        }

Теперь вы видите, что я установил размер шрифта заголовка равным 24. Так что он начнет выглядеть как h1. Ниже приведены свойства, которые вы устанавливаете для заголовка всплывающей подсказки.

titleFontStyle
titleSpacing
titleMarginBottom
titleFontColor
titleAlign