Chart.js レーダーチャートのTooltipの表示がおかしい

Chart.jsでレーダーチャートを表示しようとしています。
公式サイトを参考にサンプルを書いてみたのですが、tooltipの表示が以下の画像のようになってしまいました。

想定は以下のような表示です。

項目2
■サンプル1:8

「項目2」が「8」になってしまっています。
何が問題なのでしょうか？
ご教授お願い致します。

html
1<canvas id="myChart" width="400" height="400"></canvas>
2
3<script>
4var ctx = document.getElementById('myChart').getContext('2d');
5var myRadarChart = new Chart(ctx, {
6    type: 'radar',
7    data: {
8        labels: ['項目1', '項目2', '項目3', '項目4'],
9        datasets: [{
10            label: 'サンプル1',
11            backgroundColor: 'rgba(255, 0, 0, 0.1)',
12            borderColor: 'rgba(255, 0, 0, 0.3)',
13            data: [6, 8, 3, 8],
14        },
15        {
16            label: 'サンプル2',
17            backgroundColor: 'rgba(0, 0, 255, 0.1)',
18            borderColor: 'rgba(0, 0, 255, 0.3)',
19            data: [8, 4, 2, 4],
20        }]
21    },
22    options: {
23        responsive: false,
24        scale: {
25            angleLines: {
26                display: true,
27            },
28            ticks: {
29                suggestedMin:0,
30                suggestedMax: 10
31            }
32        }
33    }
34});
35</script>

環境

Windows10 Pro
Chart.js 2.9.3
Chrome 85.0.4183.102

対応策

html
1<script>
2var ctx = document.getElementById('myChart').getContext('2d');
3var myRadarChart = new Chart(ctx, {
4    type: 'radar',
5    data: {
6        labels: ['項目1', '項目2', '項目3', '項目4'],
7        datasets: [{
8            label: 'サンプル1',
9            backgroundColor: 'rgba(255, 0, 0, 0.1)',
10            borderColor: 'rgba(255, 0, 0, 0.3)',
11            data: [6, 8, 3, 8],
12        },
13        {
14            label: 'サンプル2',
15            backgroundColor: 'rgba(0, 0, 255, 0.1)',
16            borderColor: 'rgba(0, 0, 255, 0.3)',
17            data: [8, 4, 2, 4],
18        }]
19    },
20    options: {
21        responsive: false,
22        scale: {
23            angleLines: {
24                display: true,
25            },
26            ticks: {
27                suggestedMin:0,
28                suggestedMax: 10
29            }
30        },
31        tooltips : {
32            callbacks: {
33                title: function (tooltipItem, data){
34                    const idx = tooltipItem[0].index;
35                    const title = data.labels[idx];
36                    return title;
37                },
38                label: function (tooltipItem, data){
39                    const idx = tooltipItem.datasetIndex;
40                    const label = data.datasets[idx].label;
41                    return label + ':' + tooltipItem.value;
42                }
43            }
44        }
45    }
46});
47</script>