Chart.js雷达图不同的scaleLine颜色(angular)

Question

目前我在我的 angular 项目中使用雷达图 (chart.js)。我想更改不同部分的 scaleLineColor，但不知道如何实现此结果:

根据这个新修复，应该可以： https://github.com/chartjs/Chart.js/pull/2732

我也试过这个：

但完全没有效果;(（我想是因为它是用旧版本写的）

Answer 1

将 gridlines color 属性设置为您要使用的颜色数组（强调我的）：

The color of the grid lines. If specified as an array, the first color applies to the first grid line, the second to the second grid line and so on.

示例：

var chart1 = new Chart(document.getElementById('chart'), {
  type: 'radar',
  data: {
    labels: ['a', 'b', 'c', 'd', 'e', 'f', 'g'],
    datasets: [{
      label: 'series1',
      data: [1, 2, 3, 6, 3, 2, 4]
    }]
  },
  options: {
    scale: {
      gridLines: {
        color: ['black', 'red', 'orange', 'yellow', 'green', 'blue', 'indigo']
      }
    }
  }
});

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="chart"></canvas>

Chart.js雷达图不同的scaleLine颜色(angular)

Chart.js different scaleLine color of radar chart (angular)

styling

radar-chart

chart.js

angular