gpt4 book ai didi

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

转载 作者:搜寻专家 更新时间:2023-11-01 04:59:15 26 4
gpt4 key购买 nike

我使用 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

图表绘制和填充正常。但是,当我将鼠标悬停在雷达点上时,它不显示值:

broken chart

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

我期待类似这样的东西:

working radar chart

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

最佳答案

这是由于 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>

关于javascript - 为什么悬停在雷达图上的某个点上看不到数据值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55669920/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com