html - chart.js のデフォルトのツールチップ ラベルで HTML タグを有効にする

Question

tooltipラベルのデフォルトで HTML タグを追加する必要がありますcallback function

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

Answer 1

スタイルを追加したり、「毎日のチケット販売」のフォントサイズを大きくしたりしたいことがわかります。できることの 1 つは、タイトル コールバックにタイトルを配置し、ツールヒント プロパティを介してタイトルのスタイルを変更することです。
【サンプルコード】

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