Chart.js雷达不显示数据值

Question

我的雷达图表将不会显示数据值时，徘徊在一个点。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: 'radar',
    data: {
        labels: ["Buisiness Loans","Residential Loans","Aggriculture Loans","Student Loans","Personal Loans"],
        datasets: [{
            label: "Guthrie",
            data: [13,22,21,29,15],
            }],
    }
});
</script>

当我使用模板在这页上时，仍然会发生这种情况。因此，可能不是直接由chart.js中的某些东西造成的。问题既发生在铬和边缘。我没有额外的插件加载，也没有css。

编辑1 :悬停将显示标签，而不是点的数据值。

Answer 1

在2.8.0中，这似乎是一个回归。除了使用的Chart.js版本之外，下面的两个示例片段是相同的。工具提示值出现在2.7.2中，但在2.8.0中不存在。

这显然是固定的，将包括在2.9.0中。

注意，您可以使用自定义工具提示回调来解决这个问题：

​

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],
    }],
  },
  options: {
    tooltips: {
      callbacks: {
        label: function(tooltipItem, data) {
          return data.datasets[tooltipItem.datasetIndex].label + ": " + tooltipItem.yLabel;
        }
      }
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="radar-chart" width="1200" height="550"></canvas>

​

2.8.0；坏工具提示：

​

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 src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="radar-chart" width="1200" height="550"></canvas>

​

2.7.2；工作工具提示：

​

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 src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="radar-chart" width="1200" height="550"></canvas>

​