Tipos de datos para gráficos de líneas

Tipos de datos, eventos, callbacks y de tiempo de ejecución usados por LineChart.

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

Usa el punto de entrada público indicado arriba. Las importaciones solo de tipos se eliminan del JavaScript de la aplicación.

BandBorderStyle

Patrón de trazo para los bordes de rangos/bandas

Import @sixtyfold/linetype

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

BarBorderStyle

Patrón de trazado para los bordes de barras/columnas

Import @sixtyfold/linetype

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

KeyboardAnnouncementMessages

Anuncios localizables emitidos tras acciones en el gráfico mediante el teclado.

Importar @sixtyfold/lineinterfaz

interface KeyboardAnnouncementMessages
MiembroDefiniciónDescripción
panLeft?string | undefinedDesplazar a la izquierda texto.
panRight?string | undefinedDesplazar a la derecha texto.
reset?string | undefinedRestablecer texto.
selectionCancelled?string | undefinedSelección cancelada.
viewport?string | undefinedContexto de viewport opcional añadido tras un paneo, zoom o restablecimiento exitoso. Los marcadores {startPercent}, {endPercent} y {spanPercent} se reemplazan con posiciones relativas al rango completo de datos. Establece una cadena vacía para anunciar solo el mensaje de acción.
zoomIn?string | undefinedAcercar (zoom in).
zoomOut?string | undefinedTexto de alejar zoom.

LegendAlign

Alineación de la leyenda en el área disponible de la leyenda

Importar @sixtyfold/linetipo

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

LegendLayout

Flujo de elementos de la leyenda

Import @sixtyfold/linetype

type LegendLayout = "row" | "column"

LegendPosition

Colocación de la leyenda alrededor del área del gráfico

Import @sixtyfold/linetype

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

LegendSwatchShape

Forma de la muestra de la leyenda

Importar @sixtyfold/linetipo

type LegendSwatchShape = MarkerShape | "line"

LineChartStats

Telemetría del renderer y del level of detail para el conjunto de datos de línea activo y el frame.

Importar @sixtyfold/lineinterfaz

interface LineChartStats
MiembroDefiniciónDescripción
bucketSizenumberTamaño de bucket en píxeles CSS.
bufferUsagenumberValor de uso del buffer.
dataVersionnumberGeneración monótona asignada cuando se instaló el conjunto de datos actual.
firstRenderTimestringTexto del tiempo del primer renderizado.
fpsnumberValor de FPS.
frameTimestringTexto del tiempo de fotograma.
lodBuiltnumberValor de LOD compilado.
lodLevelnumberValor del nivel LOD.
lodReadybooleanSi se debe habilitar LOD listo.
lodTotalnumberValor total de LOD.
presentationColumnsnumberValor de columnas de presentación.
presentationDensitynumberValor de densidad de presentación.
presentationGridDeltanumberValor delta de la cuadrícula de presentación.
presentationGridPolicy"pyramid" | "gesture-stable"Política activa de cuadrícula de columnas, o pyramid cuando la presentación está inactiva.
presentationLargestBucketnumberValor del bucket más grande de la presentación.
presentationMode"pyramid" | "columns"Ruta de presentación activa. Diagnóstico aditivo; bucketSize conserva su sentido de almacenamiento.
presentationQuantizationStepnumberValor del paso de cuantización de la presentación.
presentationQueryVisitsnumberValor de visitas de consulta de la presentación.
presentationRebaseRationumberRazón usada para el rebase de la presentación; consulte el rango aceptado en la configuración padre.
presentationVerticesnumberValor de vértices de la presentación.
renderedPointsnumberValor de puntos renderizados.
renderMode"worker" | "main"Selecciona el modo de renderizado.
revealProgressnumberProgreso actual de revelado de datos iniciales, de 0 a 1.
ringBufferbooleanSi habilitar el buffer circular.
totalPointsnumberRecuento informado del total de puntos en la instantánea actual de estadísticas del gráfico de líneas.
totalReceivednumberRecuento informado del total recibido en la instantánea actual de estadísticas del gráfico de líneas.
visiblePointsnumberValor de puntos visibles.

LineSeriesType

Estilo de dibujo de series de línea. "band" es un alias de "range"; "points" es un alias de "scatter"; "column" es un alias de "bar"; "stackedArea" es un alias de "stacked-area".

Importar @sixtyfold/linetipo

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

MarkerShape

Forma del marcador para indicadores de punto hover

Importar @sixtyfold/linetipo

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

OverlayErrorCallback

Se llama cuando una actualización de superposición tiene una o más fallos de resolución o entrega.

Importar @sixtyfold/linetipo

type OverlayErrorCallback = (error: ChartOverlayError) => void

RendererErrorCallback

Se llama una vez cuando el renderizador de la gráfica falla y está a punto de cerrarse.

Importar @sixtyfold/linetipo

type RendererErrorCallback = (error: ChartRendererError) => void

RendererFailurePhase

Fase en la que un renderizador de gráfica dejó de funcionar.

Importar @sixtyfold/linetipo

type RendererFailurePhase = "initialization" | "runtime"

SeriesVisibilityChangeEvent

Estado de visibilidad completo y procedencia para un cambio de visibilidad de una serie de líneas.

Importar @sixtyfold/lineinterfaz

interface SeriesVisibilityChangeEvent
MiembroDefiniciónDescripción
changedIndexnumber | nullValor de índice cambiado.
source"legend" | "init" | "api"Selecciona el valor de origen usado para calcular o renderizar el evento de cambio de visibilidad de la serie.
visibilityboolean[]Instantánea completa de visibilidad indexada en el mismo orden que las series configuradas del gráfico.
visibleboolean | nullIndica si se debe renderizar el evento de cambio de visibilidad de la serie.

StackBorderStyle

Patrón de trazo para los bordes de áreas apiladas

Import @sixtyfold/linetype

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

StackCurveStyle

Forma de contorno para los rellenos y bordes de áreas apiladas

Import @sixtyfold/linetype

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