Reaktionsliniendiagramm mit entfernten Stunden
P粉828463673
P粉828463673 2023-08-18 15:37:22
0
1
411

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

P粉828463673
P粉828463673

Antworte allen (1)
P粉068174996

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

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,

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!