Graphique linéaire de réaction avec heures supprimées

Question

Je souhaite supprimer toutes les trois heures le bas du tableau des cordes. J'utilise réagir-chart-js2. J'utilise la fonction .map pour afficher ces numéros. Est-il possible de n’en afficher que tous les trois ? Graphique

Voici le code qui affiche les heures :

const data = {
       étiquettes : chart.prices?.map(x => moment(x[0]).format('h:mm a')),
        ensembles de données : [{
            données : chart.prices?.map(x => x[1]),
            Couleur d'arrière-plan : '#ffffff00',
            borderColor : 'rgb(79 70 229)',
            largeur de bordure : '2',
            pointBorderColor : '#ffffff00',
            tension : 0,4,
            remplir: {
                target: "origin", // 3. Définissez les options de remplissage
                ci-dessus : "rgba(79, 70, 229, 0,0625)"
            }
        }]
      }
Je souhaite que seul un chiffre sur trois soit affiché
            

Answer 1

Remplacez un élément sur trois par une chaîne vide.

let hours = chart.prices?.map(x => moment(x[0]).format('h:mm a'));

for (let i=0; i<=hours.length; i++) {
  if((i+1) % 3 == 0){
        hours[i] = "";
  }
}

Puis dans chart.js :

labels: hours,