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
将每三个项目替换为空字符串。
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,