Scheda Stocks

Una bacheca di mercato: prezzi, variazione giornaliera e una sparkline per simbolo. Le quotazioni sono fornite dall’host.

Live card

Questa scheda viene disegnata nel browser con lo stesso codice usato dai Player, con dati di esempio.

Categoria: Finanza. Tag: Prezzi e tariffe, Grafici e indicatori, Hall e reception.

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

NomeTipoPredefinitoValori e limitiDescrizione
titlestring""maxLength: 40Mostrato sopra la lavagna; vuoto indica nessuno.
showSparklinebooleantrue
decimalsinteger2minimo: 0; massimo: 4
hour12booleanfalse
timeZonestringa, nullonull
bigMovePctnumber1minimo: 0.1; massimo: 25Un tick (il prezzo di un preventivo rispetto al suo prev) di questa percentuale o più attiva il momento del grande movimento in Primetime.
crashPctnumber7minimo: 1; massimo: 50Un cambiamento giornaliero di questa percentuale in calo o peggiore mette la quotazione nello stato di allerta in Primetime; anche una quotazione sospesa lo fa.
backgroundColorstringa, nullonullmodello: "^#[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.
textColorstringa, nullonullmodello: "^#[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 stocks --major 1 --file params.json

Aggiungi 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": "stocks",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}