Types de données pour les graphiques en ligne

Types de données, d’événements, de callbacks et d’exécution utilisés par LineChart.

Import
import type { TimeSeriesData, MultiSeriesData } from "@sixtyfold/line";

Utilisez le point d’entrée public ci-dessus. Les imports de types sont retirés du JavaScript de l’application.

BandBorderStyle

Motif de trait pour les bordures de plage/bande

Importer @sixtyfold/linetype

type BandBorderStyle = "solid" | "dashed" | "dotted"

BarBorderStyle

Motif de tracé pour les bordures des barres/colonnes

Importer @sixtyfold/linetype

type BarBorderStyle = "solid" | "dashed" | "dotted"

KeyboardAnnouncementMessages

Annonces localisables émises après des actions clavier sur le graphique.

Importer @sixtyfold/lineinterface

interface KeyboardAnnouncementMessages
MembreDéfinitionDescription
panLeft?string | undefinedTexte de panoramique vers la gauche.
panRight?string | undefinedTexte de panoramique vers la droite.
reset?string | undefinedRéinitialiser le texte.
selectionCancelled?string | undefinedSélection annulée.
viewport?string | undefinedContexte de fenêtre de visualisation optionnel ajouté après un panoramique, un zoom ou une réinitialisation réussis. Les espaces réservés {startPercent}, {endPercent} et {spanPercent} sont remplacés par des positions relatives à l'étendue complète des données. Définissez une chaîne vide pour n'annoncer que le message d'action.
zoomIn?string | undefinedZoom avant.
zoomOut?string | undefinedRaccourcir le zoom.

LegendAlign

Alignement de la légende dans la zone de légende disponible

Importer @sixtyfold/linetype

type LegendAlign = "left" | "center" | "right" | "middle"

LegendLayout

Flux des éléments de légende

Importer @sixtyfold/linetype

type LegendLayout = "row" | "column"

LegendPosition

Placement de la légende autour de la zone du graphique

Importer @sixtyfold/linetype

type LegendPosition = "left" | "top" | "right" | "bottom"

LegendSwatchShape

Forme du repère de la légende

Importer @sixtyfold/linetype

type LegendSwatchShape = MarkerShape | "line"

LineChartStats

Télémétrie du renderer et du niveau de détail pour l'ensemble de données de lignes actif et l'image.

Importer @sixtyfold/lineinterface

interface LineChartStats
MembreDéfinitionDescription
bucketSizenumberTaille du bucket en pixels CSS.
bufferUsagenumberValeur d'utilisation du buffer.
dataVersionnumberGénération monotone assignée lors de l'installation du jeu de données courant.
firstRenderTimestringTexte du premier temps de rendu.
fpsnumberValeur de fps.
frameTimestringTexte du temps de trame.
lodBuiltnumberValeur LOD construite.
lodLevelnumberValeur du niveau LOD.
lodReadybooleanIndique s’il faut activer le LOD prêt.
lodTotalnumberValeur totale du LOD.
presentationColumnsnumberValeur des colonnes de présentation.
presentationDensitynumberValeur de densité de présentation.
presentationGridDeltanumberValeur delta de la grille de présentation.
presentationGridPolicy"pyramid" | "gesture-stable"Politique active de colonne-grille, ou pyramid lorsque la présentation est inactive.
presentationLargestBucketnumberValeur du plus grand bucket de présentation.
presentationMode"pyramid" | "columns"Chemin de présentation actif. Diagnostic additif ; bucketSize conserve sa signification de stockage.
presentationQuantizationStepnumberValeur du pas de quantification de présentation.
presentationQueryVisitsnumberValeur des visites de requête de présentation.
presentationRebaseRationumberRatio utilisé pour le rebasage de la présentation ; consultez la plage acceptée dans la configuration parente.
presentationVerticesnumberValeur des sommets de présentation.
renderedPointsnumberValeur des points rendus.
renderMode"worker" | "main"Sélectionne le mode de rendu.
revealProgressnumberProgression actuelle de la révélation des données initiales, de 0 à 1.
ringBufferbooleanActiver le tampon en anneau.
totalPointsnumberNombre signalé pour le total de points dans l’instantané de statistiques du graphique linéaire actuel.
totalReceivednumberNombre signalé pour le total reçu dans l’instantané de statistiques du graphique linéaire actuel.
visiblePointsnumberValeur des points visibles.

LineSeriesType

Style de dessin de la série linéaire. « band » est un alias de « range » ; « points » est un alias de « scatter » ; « column » est un alias de « bar » ; « stackedArea » est un alias de « stacked-area ».

Importer @sixtyfold/linetype

type LineSeriesType = "line" | "range" | "band" | "scatter" | "points" | "bar" | "column" | "stacked-area" | "stackedArea" | "step" | "step-before" | "step-after" | "step-mid"

MarkerShape

Forme du marqueur pour les indicateurs de point au survol

Importer @sixtyfold/linetype

type MarkerShape = "circle" | "square" | "diamond" | "triangle" | "cross" | "x"

OverlayErrorCallback

Appelé lorsqu’une mise à jour de superposition rencontre une ou plusieurs erreurs de résolution ou de livraison.

Importer @sixtyfold/linetype

type OverlayErrorCallback = (error: ChartOverlayError) => void

RendererErrorCallback

Appelé une fois lorsque le moteur de rendu du graphique échoue et est sur le point d'être détruit.

Importer @sixtyfold/linetype

type RendererErrorCallback = (error: ChartRendererError) => void

RendererFailurePhase

Étape à laquelle un moteur de rendu de graphique a cessé de fonctionner.

Importer @sixtyfold/linetype

type RendererFailurePhase = "initialization" | "runtime"

SeriesVisibilityChangeEvent

État de visibilité complet et provenance pour une modification de visibilité d’une série de lignes.

Importer @sixtyfold/lineinterface

interface SeriesVisibilityChangeEvent
MembreDéfinitionDescription
changedIndexnumber | nullValeur d’index modifiée.
source"legend" | "init" | "api"Sélectionne la valeur source utilisée pour calculer ou rendre l’événement de changement de visibilité des séries.
visibilityboolean[]Instantané complet de visibilité indexé dans le même ordre que les séries configurées du graphique.
visibleboolean | nullIndique s’il faut rendre l’événement de changement de visibilité des séries.

StackBorderStyle

Motif de tracé pour les bordures des aires empilées

Import @sixtyfold/linetype

type StackBorderStyle = "solid" | "dashed" | "dotted"

StackCurveStyle

Forme de limite pour les remplissages et les bordures des aires empilées

Import @sixtyfold/linetype

type StackCurveStyle = "linear" | "step" | "step-before" | "step-after" | "step-mid"