Luftqualitäts-Karte

Der Index als große Zahl mit seiner Kategorie, einem einfachen Satz, einer markierten Skala und dem UV-Index.

Der Bildschirm zeigt eine große Luftqualitätszahl mit ihrem Kategorienamen, einen einfachen Satz, eine Skala mit einem Marker bei der Messung und den UV-Index daneben, so groß, dass sie aus der Ferne gut lesbar sind. Er füllt den Bildschirm, sitzt in der Mitte, schmiegt sich in eine Ecke, läuft als eine Zeile oder erstreckt sich als Band entlang einer Kante. Sie wählen den Ort für die Messungen, einen Titel oder den Ortsnamen, ob der UV-Index daneben angezeigt wird, wie die Messzeit geschrieben wird und ob die Anzeige immer bleibt oder nur oberhalb eines von Ihnen festgelegten Werts erscheint.

Live-Karte

Diese Karte wird in Ihrem Browser vom gleichen Code gezeichnet, den die Player ausführen, mit Beispieldaten.

Kategorie: Wetter. Schlagwörter: Wetter und Umwelt, Zahlen und Kennzahlen.

Layouts

Diese Kernkarte passt in jedes Layout: Vollbild, Mitte, breit, Ecke, Chip, Streifen oder jedes freie Rechteck.

Layouts: voll, Mitte, breit, Ecke, Chip, Streifen. Formulare: Querformat, Hochformat, Quadrat, Streifen.

Kartenlayouts, Designs und Veröffentlichung. Karten durchsuchen.

Daten und Datenschutz

Feed: screenrig.airquality/v1.

Feed-Dokumente tragen Quellenangaben. Der Player liefert den Feed an die Karte.

Eigenschaften

Für Thema, Hintergrund, Akzent und Position siehe Gemeinsame Eigenschaften.

Legen Sie statische Eigenschaften in den params der Karte fest, wenn Sie sie erstellen. Ihr Datendokument enthält nur dynamische Eigenschaften. Verschachtelte Zeilen beschreiben den Inhalt ihrer übergeordneten Eigenschaft.

Statische Eigenschaften

NameTypStandardWerte und GrenzwerteBeschreibung
titlestring""maxLength: 40Leer verwendet den Namen des Standorts.
showUvbooleantrueUV-Index neben dem Luftqualitätsindex anzeigen. Ohne Luftqualitätsmessung ist der UV-Index der Hauptwert.
hourCyclestring"24""12", "24", "military"Wie die Zeit der Messung geschrieben wird: 12-Stunden-Format mit AM oder PM, 24-Stunden-Format (13:00) oder Militärzeit (1300).
timeZoneString, Nullnull
presencestring"always""always", "unhealthy"immer: Die Karte wird immer angezeigt. ungesund: nur während der Luftqualitätsindex über presenceFrom liegt (eine veraltete oder fehlende Messung hält die Anzeige aufrecht).
presenceFrominteger100Minimum: 0; Maximum: 500Bei ungesunder Präsenz, der Index, ab dem die Karte angezeigt wird (100: ab ungesund für empfindliche Gruppen).
locationobjectadditionalProperties: falsePlatz, für den die Messwerte gelten. Wählt den Feed aus.
location.namestringmaxLength: 40; Pflichtfeld
location.latitudenumberMinimum: -90; Maximum: 90; Pflichtfeld
location.longitudenumberMinimum: -180; Maximum: 180; Pflichtfeld
backgroundColorString, NullnullMuster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Überschreibt den Kartenhintergrund und die Platte mit einer flachen, CSS-geordneten Farbe. #RRGGBBAA gibt die Deckkraft an. Hintergrund none hat Vorrang.
textColorString, NullnullMuster: "^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"Überschreibt die Haupt- und Sekundärtextfarben. Akzent- und semantische Statusfarben behalten ihre Funktion.

Dynamische Eigenschaften

Diese Karte hat keine dynamischen Eigenschaften.

Canvas-Beispiel

Speichern Sie die statischen Eigenschaften als params.json und erstellen Sie die Karte. Das Ergebnis enthält ihre crd_ ID.

{
  "theme": "neomustard",
  "location": {
    "name": "Vancouver",
    "latitude": 49.25,
    "longitude": -123.0
  }
}
screenrig card create --type air-quality --major 1 --file params.json

Fügen Sie diesen Eintrag den primitives einer Playlist-Seite hinzu, mit dieser ID anstelle der Beispiel-ID. Veröffentlichen Sie die Playlist und weisen Sie einen Bildschirm zu.

{
  "id": "air-quality",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}