javascript - Chartjs - 为标签雷达图添加背景颜色

Question

>>> Radar chart labels with background color

您好，我只是想请求一个选项来为 Chartjs 中的标签(单独)添加背景颜色(带有背景颜色的圆 Angular 矩形)。我可以申请任何回调来更改此设置吗？如有任何帮助，我们将致以最诚挚的问候!

这是当前代码:

let chart = new Chart('chart-0', {
  type: 'radar',
  data: radarChartData,
  options: {
    responsive: true,
    legend: {
      position: 'top',
    },
    title: {
      display: true,
      text: 'Radar Chart | Chart.js',
      fontSize: 16
    },
    scale: {
      ticks: {
        beginAtZero: true
      },
      pointLabels: {
        fontSize: 14, // fontSize is ok
        fontColor: presets.blue, // fontColor is accessible
        backgroundColor: presets.yellow //This is not working for sure!
      }
    },
    animation: {
        animateScale: true,
        animateRotate: true
    }
  }
});

Answer 1

您可以使用背景颜色。

data: {
    labels: chart_label,
    datasets: [{
        label: '# of Votes',
        data: chart_data,
        backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
            'rgba(75, 192, 192, 0.2)',
            'rgba(153, 102, 255, 0.2)',
            'rgba(255, 159, 64, 0.2)'
        ],
        borderColor: [
            'rgba(255,99,132,1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
            'rgba(75, 192, 192, 1)',
            'rgba(153, 102, 255, 1)',
            'rgba(255, 159, 64, 1)'
        ],
        borderWidth: 1
    }]
},