Live card
Categoria: Finanza. Tag: Prezzi e tariffe, Grafici e indicatori.
Layout
Questa scheda a schermo intero riempie tutto lo schermo in orizzontale o verticale e non è posizionata come angolo, chip o striscia.
Layout: pieno. Moduli: orizzontale, verticale.
Layout, temi e pubblicazione delle schede. Esplora le schede.
Dati e privacy
Feed: screenrig.quotes/v1.
I documenti del feed riportano l’attribuzione della fonte. Il Player fornisce il feed alla scheda.
Proprietà
Per tema, sfondo, accento e posizione, vedi Proprietà comuni.
Imposta le proprietà statiche nei params della scheda quando la crei. Il suo documento dati contiene solo proprietà dinamiche. Le righe annidate descrivono il contenuto della proprietà genitore.
Proprietà statiche
| Nome | Tipo | Predefinito | Valori e limiti | Descrizione |
|---|---|---|---|---|
title | string | "" | maxLength: 40 | Mostrato sopra la lavagna; vuoto indica nessuno. |
decimals | stringa, intero | "auto" | minimo: 0; massimo: 8; modello: "^auto$" | auto: 0 decimali da 1.000, 2 da 1, altrimenti 4 cifre significative. |
showSparkline | boolean | true | ||
hour12 | boolean | false | ||
timeZone | stringa, nullo | null | ||
symbols | array | ["btc","eth"] | minItems: 1; maxItems: 20 | Monete da quotare: ticker di monete comuni (btc, eth, sol) o ID CoinGecko. Seleziona il feed. |
currency | string | "usd" | modello: "^[a-z]{2,8}$" | Valuta per i prezzi, un codice CoinGecko come usd o eur. Seleziona il feed. |
swingPct | number | 8 | minimo: 1; massimo: 100 | Una variazione nelle 24 ore pari o superiore a questa percentuale, in aumento o in diminuzione, mette la criptovaluta sotto osservazione in Primetime. |
backgroundColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive il colore di sfondo e della piastra della scheda con un colore piatto ordinato in CSS. #RRGGBBAA fornisce l’opacità. background none ha la precedenza. |
textColor | stringa, nullo | null | modello: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$" | Sovrascrive i colori del testo principale e secondario. I colori di accento e di stato semantico mantengono i loro ruoli. |
Proprietà dinamiche
Questa scheda non ha proprietà dinamiche.
Esempio di canvas
Salva le proprietà statiche come params.json e crea la scheda. Il risultato contiene il suo ID crd_.
{
"theme": "neomustard"
}screenrig card create --type crypto --major 1 --file params.jsonAggiungi questo elemento ai primitives di una pagina playlist, con quell’ID al posto di quello dell’esempio. Pubblica la playlist e assegna uno schermo.
{
"id": "crypto",
"primitive": "card",
"card": "crd_01EXAMPLECARD000000000",
"layout": "full",
"content_fit": "fill"
}