¿Qué formato de datos admite la herramienta?

La herramienta requiere un array JSON con objetos que contengan al menos las coordenadas 'x' e 'y' para cada punto de datos.

¿Cuál es la diferencia entre los estilos de escalón?

El estilo 'antes' traza la línea horizontal antes de subir, 'después' sube primero y luego traza la horizontal, y 'medio' centra el escalón entre los puntos.

¿Puedo rellenar el área bajo la línea?

Sí, puedes habilitar la opción 'Rellenar Área Bajo Línea' y seleccionar el color de relleno que prefieras en la configuración.

¿Es posible ajustar el tamaño del gráfico generado?

Sí, puedes definir el ancho y la altura en píxeles dentro de las opciones de configuración para adaptar el gráfico a tu espacio de trabajo.

¿Se pueden mostrar los valores exactos en el gráfico?

Sí, activando la opción 'Mostrar Etiquetas de Datos' y seleccionando el formato numérico, de moneda o porcentaje adecuado.

Elysia Tools

Navegación

Data Visualization

Generador de Gráfico Escalonado

Crear gráficos escalonados con visualización de datos estilo escalera, perfecto para mostrar cambios discretos a lo largo del tiempo

Ejecución

Ejecutar esta herramienta

Completa el formulario, ejecuta la herramienta y revisa el resultado en un solo lugar.

Entradas

Las opciones están agrupadas para que los formularios largos sean más fáciles de revisar.

24 opciones

ContenidoPega o escribe los valores principales.5

Título del GráficotextOpcionalTítulo que se mostrará encima del gráfico escalonadoPuntos de DatostextareaObligatorioPuntos de datos como array JSON con propiedades x, y y etiqueta opcionalEtiqueta del Eje XtextOpcionalEtiqueta para el eje XEtiqueta del Eje YtextOpcionalEtiqueta para el eje YFamilia de FuentetextOpcionalFamilia de fuente para elementos de texto

AjustesAjusta formatos, rangos, números y modos.14

Estilo de EscalónselectObligatorioColor de LíneacolorOpcionalColor de la línea escalonadaAncho de LíneanumberOpcionalAncho de la línea escalonada en píxelesColor del Punto de DatoscolorOpcionalColor de los puntos de datosTamaño del Punto de DatosnumberOpcionalTamaño de los puntos de datos en píxelesColor de Relleno de ÁreacolorOpcionalColor para relleno de área (si está habilitado)Color de CuadrículacolorOpcionalColor de las líneas de cuadrículaColor de FondocolorOpcionalColor de fondo del gráficoAncho del GráficonumberOpcionalAncho del gráfico en píxelesAltura del GráficonumberOpcionalAltura del gráfico en píxelesFormato de Etiqueta de DatosselectOpcionalTamaño de FuentenumberOpcionalTamaño de fuente para etiquetas y textoTamaño de Fuente del TítulonumberOpcionalTamaño de fuente para el título del gráficoDuración de AnimaciónnumberOpcionalDuración de la animación en milisegundos

InterruptoresActiva o desactiva comportamientos opcionales.5

Mostrar Puntos de DatoscheckboxOpcionalActivado si está marcadoMostrar puntos de datos en la línea escalonadaMostrar Etiquetas de DatoscheckboxOpcionalActivado si está marcadoMostrar etiquetas de valor en los puntos de datosMostrar CuadrículacheckboxOpcionalActivado si está marcadoMostrar líneas de cuadrícula de fondoRellenar Área Bajo LíneacheckboxOpcionalActivado si está marcadoRellenar el área bajo la línea escalonada con colorHabilitar AnimacióncheckboxOpcionalActivado si está marcadoAnimar el gráfico cuando se carga

Resultado

Listo para ejecutar

Al ejecutar la herramienta, aquí verás archivos, texto, datos estructurados o salida en streaming.

Ejemplos

Ejemplos que encajan con esta herramienta

Relacionado

Generador de Gráfico Escalonado

Ejecutar esta herramienta

Entradas

Resultado

Ejemplos que encajan con esta herramienta

Continuar con herramientas y temas relacionados

Entradas

Resultado

Conoce cuándo usar esta herramienta, qué admite y cómo la aplican los usuarios.

Datos clave

Resumen

Cuándo usarlo

Cómo funciona

Casos de uso

Ejemplos

1. Evolución de Precios de Suscripción

Preguntas frecuentes

Muestras Avanzadas de Grafana

Muestras de Comunicación en Tiempo Real WebRTC

Ejemplos de Códigos QR

Muestras de Trazado Distribuido

Generador de Gráfico de Barras de Comparación

Generador de Gráfico de Dona

Generador de Gráfico de Embudo

Generador de Gráfico de Gantt

Generadores de Gráficos y Diagramas

Generadores de esquemas JSON, datos mock y fixtures de API

Generadores de código tipado a partir de JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Herramientas de intercambio JSON y traduccion de formatos