Chart.js различная шкала Цвет линии радиолокационной карты (угловой)

Question

В настоящее время я использую радарные карты (chart.js) в своем угловом проекте. Я хочу изменить scaleLineColor для другого раздела и не знаю, как этого добиться:

в соответствии с этим новым исправлением должно быть возможно: https://github.com/chartjs/Chart.js/pull/2732

Я также пробовал это: Chart.js (радарная диаграмма) различная scaleLineColor для каждой scaleLine

но никак не влияет; ((Я думаю, потому что это написано в более старой версии)

Answer 1

Установите свойство gridlines color для массива цветов, которые вы хотите использовать (выделение мое):

Цвет линий сетки. Если указано как массив, первый цвет применяется к первой линии сетки, второй - ко второй строке сетки и т. Д.

Пример:

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>