javascript - 为什么悬停在雷达图上的某个点上看不到数据值？

Question

我使用 ChartJS 创建了一个雷达图，如下所示:

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: 后面应该有一个数字。

我期待类似这样的东西:

我是否缺少某个属性或其他内容？我已经检查了文档，但找不到任何内容。我还将我的代码与我找到的地方 ( a working example ) 进行了比较，但也没有发现任何东西。

Answer 1

这是由于 Chart.js (Values on Tooltip of Radar Chart is not shown) 版本 (2.8.0) 中的一个错误。

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

Updated working Fiddle版本 2.9.0

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