Reaktionsliniendiagramm mit entfernten Stunden

Question

Ich möchte alle drei Stunden vom unteren Rand der Seiltabelle entfernen. Ich verwende React-Chart-Js2. Ich verwende die .map-Funktion, um diese Zahlen anzuzeigen. Ist es möglich, nur alle drei davon anzuzeigen? Diagramm

Hier ist der Code, der die Stunden anzeigt:

const data = {
       Beschriftungen: chart.prices?.map(x => moment(x[0]).format('h:mm a')),
        Datensätze: [{
            Daten: chart.prices?.map(x => x[1]),
            Hintergrundfarbe: '#ffffff00',
            borderColor: 'rgb(79 70 229)',
            borderWidth: '2',
            pointBorderColor: '#ffffff00',
            Spannung: 0,4,
            füllen: {
                target: "origin", // 3. Legen Sie die Fülloptionen fest
                oben: "rgba(79, 70, 229, 0,0625)"
            }
        }]
      }

Ich möchte, dass nur jede dritte Zahl angezeigt wird

Answer 1

将每三个项目替换为空字符串。

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] = "";
  }
}

然后在chart.js中：

labels: hours,