Widget de gráfico lineal simple
  • 04 Nov 2023
  • 1 Minuto para leer
  • Colaboradores

Widget de gráfico lineal simple


Resumen del artículo

Agilice sus aplicaciones con este widget personalizado, que le permite mostrar datos en una línea directamente desde su aplicación sin necesidad de utilizar Analytics.

Propósito

El propósito de este widget es trazar rápida y eficientemente los datos en tiempo real. Esta funcionalidad está pensada para demostraciones y visualizaciones sencillas de datos a medida que se generan, y no puede realizar cálculos ni análisis de los datos.

Configuración de la integración de Tulip

Los plugins de widgets personalizados proporcionan una potente herramienta para añadir widgets personalizados a su aplicación. Los widgets permiten escribir Javascript para ampliar y personalizar la funcionalidad de un widget. Los widgets pueden ser importados a tu Instancia directamente desde Tulip Library - ya sea por sí solos, o como parte de una Tulip App.

Funcionamiento

El widget Gráfico de líneas recibe cuatro datos como props: una lista de objetos (series), dos variables de texto para nombrar los ejes X e Y del gráfico (xAxisLabel e yAxisLabel) y una variable de color (linecolor).

La entrada "series" recibe un objeto array formado por tres datos: una lista de valores x de ancho simple (xAxisNums), una lista de valores y (yAxisNums) y una variable de color (seriesColor).

LineGraphWidget_1.png

Se pueden trazar varias líneas pasando varios objetos, cada uno de los cuales representa una línea.

LineGraphWidget_2.png

Tiene la opción de seleccionar un color diferente para cada serie generada. Si no hace ninguna elección, el widget elegirá automáticamente uno de los 10 colores predefinidos para cada serie. Alternativamente, también puede optar por un color global. La elección del color global anulará los colores individuales elegidos para cada serie.

Más información

Si quieres saber más sobre los widgets personalizados, visita la siguiente página:


¿Te ha sido útil este artículo?