0

我是chart.js 的新手。我需要帮助将数值添加到具有不同颜色的雷达图点标签。例如带有样式的雷达标签

  1. 标签颜色应为黑色。
  2. 数值应该是不同的预定义颜色（例如蓝色）。

new Chart('radar-chart', {
  type: 'radar',
  data: {
    labels: ['mon 30', 'tue 40', 'thurs 25', 'fri 45', 'sat 67', 'sun 50'],
    datasets: [{
      label: 'My First Dataset',
      data: [65, 59, 90, 81, 56, 55],
      fill: true,
      backgroundColor: 'rgba(255, 99, 132, 0.2)',
      borderColor: 'rgb(255, 99, 132)',
      pointBackgroundColor: 'rgb(255, 99, 132)',
      pointBorderColor: '#fff',
      pointHoverBackgroundColor: '#fff',
      pointHoverBorderColor: 'rgb(255, 99, 132)'
    }],
  },
  options: {
    plugins: {
      legend: {
        display: false
      }
    },
    scales: {
      r: {
        pointLabels: {
          color: 'black',
          font: {
            size: 20,
            style: 'italic'
          }
        }
      }
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.2.0/chart.min.js"></script>
<canvas id="radar-chart"></canvas>

顶点标签附近的值应该是预定义的颜色（例如蓝色） - 就像附加在图像中的颜色一样。

请随时提供不同的方法来实现此要求。在此先感谢您的帮助。

4

0 回答 0