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

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

введите здесь описание изображения

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

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

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


person Waldemar Jaufmann    schedule 28.08.2018    source источник


Ответы (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>

person timclutton    schedule 29.08.2018
comment
Обратите внимание, что вы должны использовать параметр angleLines, чтобы изменить цвет линий между центром и метками. - person sdespont; 11.03.2021