Afficher la date sur xAxes sans étiquettes

Question

Je souhaite créer un graphique en ligne basé sur 2 valeurs en fonction d'une date. Pour l'exemple, j'ai pris seulement 3 valeurs.

Mais je ne peux pas afficher les valeurs sur les axes sans utiliser d'étiquettes. Je ne veux pas les définir car je souhaite pouvoir choisir si j'affiche par jour, par mois ... Et potentiellement je peux avoir plusieurs valeurs par jour. Exemple de graphique que je veux réaliser:

<div style="width:400px"> 
    <canvas id="myChart" width="400" height="400"></canvas> 
</div> 
<script> 
    var timeCheck = ['2017-09-21 11:30:51.418Z', '2017-09-25 10:52:30.966Z', '2017-09-25 12:35:51.118Z'] 
    var valueOne = [3578, 3110, 971] 
    var valueTwo = [2516, 2516, 2516] 
    var test = [{x: '2017-09-21 11:30:51.418Z', y: 3578},{x: '2017-09-25 10:52:30.966Z', y: 3110},{x: '2017-09-25 12:35:51.118Z', y: 971}] 

    var ctx = document.getElementById("myChart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'line', 
     data: { 

      datasets: [{ 
       label: '# the value One', 
       data: valueOne, 
       backgroundColor: [ 
        'rgba(255, 133, 27, 0.2)' 
       ], 
       borderColor: [ 
        '#ff851b' 
       ], 
       borderWidth: 2 
      }, { 
       label: '# the value Two', 
       data: valueTwo, 
       backgroundColor: [ 
        'rgba(0, 116, 217, 0.2)' 
       ], 
       borderColor: [ 
        '#0074d9' 
       ], 
       borderWidth: 2 
      }] 
     }, 
     options: { 
      scales: { 
       xAxes: [{ 
        time: { 
         unit: 'day' 
        } 
       }] 
      } 
     } 
    }); 
</script> 

Answer 1

Sous la data propriété, vous pouvez définir une propriété labels, qui est un tableau d'étiquettes, qui peut être une chaîne avec divers contenus.

Par exemple:

const labels = items.map(item => { 
    // return the desired label for each item here 
}) 

// ... 

new Chart(context, { 
    data: { 
    labels: labels 
    // ... 
    } 
    // ... 
}