Chartjs dodanie linii pomiędzy 2 labelami

Question

Witam,

Mam następujący problem w moim radarem w chartjs. Mianowicie chciałbym aby pomiędzy liniami, np: 

"Red", "Blue" była między nimi pojedyńcza linia. Czy coś takiego jest w ogóle możliwe? Jeśli tak proszę o jakąkolwiek podpowiedź bądź przykładowy kod.

Mój aktualny kod:

  const ctx = document.getElementById('myChart');
  new Chart(ctx, {
    type: 'radar',
    data: {
      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
      datasets: [{
        data: [4, 4, 4, 4, 4, 4],
        borderWidth: 1
      }]
    },
    options: {
      scales: {
        r: {
          beginAtZero: true,
          min: 0,
          max: 5,
          ticks: {
            stepSize: 1,
          }
        },
      }, plugins: {
        legend: false
      }
    }
  });

Z góry dziękuję :D

 

Answer 1

Próbowałeś przez nałożenie drugiego canvas na tego z chart-em i rysowanie na drugim dodatkowych linii itp.

<div class="container">
  <div>
    <canvas id="chart"></canvas>
  </div>
  <div>
    <canvas id="main-canvas"></canvas>
  </div>  
</div>

 

przykładowy kod: on-line.