Chart.js 2.0：ツールチップのタイトルを変更する方法

時々下手な英語を許してください。私の母国語はオランダ語です。

メインパワースマートメーターから報告されたエネルギー使用量を示すChart.jsラインチャートを作成しました。ほぼ思い通りに動いているのですが、細かいことがわからないため、思い通りに動かせないことがあります。

トピック「Chart.js V2：ツールチップのラベルにプレフィックスまたはサフィックスを追加する」でユーザー「iecs」の助けを借りて、ツールチップのラベルを変更することができました。これで、希望する接頭辞と接尾辞がうまく表示されます。

tooltips: {
    enabled: true,
    mode: 'single',
    backgroundColor: 'rgba(0,0,0,0.9)',
    titleFontSize: 14,
    titleFontStyle: 'bold',
    titleFontColor: "#FFF",
    bodyFontSize: 12,
    bodyFontStyle: 'normal',
    bodyFontColor: "#FFF",
    footerFontSize: 12,
    footerFontStyle: 'normal',
    footerFontColor: "#FFF",
    cornerRadius: 5,
    callbacks: {
        label: function(tooltipItems, data) { // Solution found on https://stackoverflow.com/a/34855201/6660135
            //Return value for label
            return 'Usage: ' + tooltipItems.yLabel*1000 + ' watt';
        }
    }
}

undefined日付と時刻が表示されるはずの場所で取得したタイトルを変更するために、まったく同じコードを追加しようとすると、次のようになります。

tooltips: {
    enabled: true,
    mode: 'single',
    backgroundColor: 'rgba(0,0,0,0.9)',
    titleFontSize: 14,
    titleFontStyle: 'bold',
    titleFontColor: "#FFF",
    bodyFontSize: 12,
    bodyFontStyle: 'normal',
    bodyFontColor: "#FFF",
    footerFontSize: 12,
    footerFontStyle: 'normal',
    footerFontColor: "#FFF",
    cornerRadius: 5,
    callbacks: {
        title: function(tooltipItems, data) {
            //Return value for title
            return 'Date: ' + tooltipItems.xLabel + ' GMT+2';
        },
        label: function(tooltipItems, data) { // Solution found on https://stackoverflow.com/a/34855201/6660135
            //Return value for label
            return 'Usage: ' + tooltipItems.yLabel*1000 + ' watt';
    }
}

「JavaScriptオブジェクトのコンテンツを印刷しますか？[重複]」トピックでユーザー「Lukman」の回答を使用して、「tooltipItemsオブジェクト」のコンテンツを表示できることを発見しました。

alert(tooltipItems.toSource())

これにより、「タイトル」と「ラベル」の「tooltipItems」オブジェクトに関する興味深い違いが表示されました。

「ラベル」の「tooltipItems」オブジェクトは、これをコンテンツとして表示します。

({xLabel:"2016-08-07 23:41:57", yLabel:0.261, index:70, datasetIndex:0})

「タイトル」の「tooltipItems」オブジェクトはこれをコンテンツとして表示しますが、

[{xLabel:"2016-08-07 23:41:57", yLabel:0.261, index:70, datasetIndex:0}]

開始文字と終了文字が異なります。「ラベル」の方は読めますtooltipItems.yLabelが、「タイトル」の方はtooltipItems.xLabel「未定義」と表示されて読めません。タイトル全体がDate: undefined GMT+2次のinsteasになりますDate: 2016-08-07 23:41:57 GMT+2

何を間違えたのですか？「tooltipItems」のオブジェクトコンテンツの2つの出力の違い、および「xLabel」と「yLabel」のインデックスの読み方を誰かが説明してもらえますか？