将鼠标悬停在雷达图上的某个点上时，为什么看不到数据值？

Question

我已经使用ChartJS创建了Radar Chart，如下所示：

HTML：

<canvas id="radarChartTest" width="800" height="600"></canvas>
<script>
    radarChartTest(["A", "B", "C", "D"], [5, 10, 15, 20], document.getElementById("radarChartTest"));
</script>

JS：

function radarChartTest(categories, totals, chartToPopulate) {
    var chartDisplay = chartToPopulate;
    var newChart = new Chart(chartDisplay, {
        type: 'radar',
        data: {
            labels: categories,
            datasets: [
                {
                    data: totals,
                    label: "test"
                }
            ]
        }
    })
}

JSFiddle

图表绘制并填充良好。但是，当我将鼠标悬停在雷达点上时，它不会显示该值：

后面应该有一个数字test:。

我期望与此类似：

我是否缺少属性或其他内容？我已经检查了文档，但找不到任何东西。我也将我的代码与找到的位置进行了比较（一个有效的示例），但是那里也找不到任何东西。

Answer 1

这是由于Chart.js版本（2.8.0）中的错误（未显示Radar Chart工具提示上的值）。

您可以通过升级到2.9.0来修复它。

更新了Fiddle的 2.9.0版本

<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.0"> </script>