Chart.js雷达不显示数据值
我的雷达图在悬停在某个点上时不会显示数据值<代码>Chart.js 2.8.0Chart.js雷达不显示数据值,chart.js,Chart.js,我的雷达图在悬停在某个点上时不会显示数据值Chart.js 2.8.0 <script src="./vendor/chart.js/Chart.js"></script> <canvas id="radar-chart" width="1200" height="550"></canvas> <script> new Chart(document.getElementById("radar-chart"),{ type: 'r
<script src="./vendor/chart.js/Chart.js"></script>
<canvas id="radar-chart" width="1200" height="550"></canvas>
<script>
new Chart(document.getElementById("radar-chart"),{
type: 'radar',
data: {
labels: ["Buisiness Loans","Residential Loans","Aggriculture Loans","Student Loans","Personal Loans"],
datasets: [{
label: "Guthrie",
data: [13,22,21,29,15],
}],
}
});
</script>
新图表(document.getElementById(“雷达图表”){
类型:“雷达”,
数据:{
标签:[“商业贷款”、“住宅贷款”、“农业贷款”、“学生贷款”、“个人贷款”],
数据集:[{
标签:“Guthrie”,
数据:[13,22,21,29,15],
}],
}
});
当我使用模板时仍然会发生这种情况。
因此可能不是直接由于chart.js
中的某些内容造成的。问题发生在铬和边缘。我没有加载其他插件,也没有css
编辑1:悬停将显示标签,而不是点的数据值。这看起来是2.8.0中的回归。下面的两个示例代码段除了所使用的Chart.js版本之外是相同的。工具提示值出现在2.7.2中,但不在2.8.0中 注意:您可以使用自定义工具提示回调来解决此问题:
新图表(document.getElementById(“雷达图表”){
类型:“雷达”,
数据:{
标签:[“商业贷款”、“住宅贷款”、“农业贷款”、“学生贷款”、“个人贷款”],
数据集:[{
标签:“Guthrie”,
数据:[13,22,21,29,15],
}],
},
选项:{
工具提示:{
回调:{
标签:函数(工具提示项、数据){
返回数据。数据集[tooltipItem.datasetIndex]。标签+“:”+tooltipItem.yLabel;
}
}
}
}
});代码>