Диаграмма JS - Как добавить цвет фона в нечетный столбец внутренних gridLines - PullRequest
Новая
       49

Диаграмма JS - Как добавить цвет фона в нечетный столбец внутренних gridLines

0 голосов
/ 05 мая 2020

Я пытаюсь сделать радиолокационную диаграмму с помощью Chart. js.

Вопрос: как добавить цвет фона в каждый нечетный столбец внутренних gridLines? Например, добавление backgroundColor : "#c5c5c5 #718eb4" приведет к следующему:

enter image description here

Это мой код: 

const ctx = document.getElementById('radar-chart');
const myChart = new Chart(ctx, {
  type: 'radar',
  data: {
    labels: ['HP', 'Defense', 'Sp. Defense', 'Speed', 'Sp. Attack', 'Attack'],
    fill: true,
    datasets: [
      {
        data: [39, 43, 50, 65, 60, 52],
        backgroundColor: 'rgba(121,191,219,0.3)',
        borderColor: '#7fbfdb',
        pointBorderColor: '#29a2cc',
        pointBackgroundColor: '#29a2cc',
      },
    ],
  },
  options: {
    title: {
      display: true,
      text: 'Base stats',
      fontSize: 14,
      fontFamily: 'Flexo-medium',
    },
    scale: {
      ticks: {
        display: false,
        maxTicksLimit: 2,
      },
    },
    legend: {
      display: false,
    },
  },
});
.chart{
width: 270px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<div class="chart">
<canvas id="radar-chart" width="200" height="200"></canvas>
</div>
...