ActiveReportsJS: Novedades de la versión 4.1

Sin diseño de página---tanto el diseñador local como el diseñador en línea son la versión 4.1 CRACK

ActiveReportsJS ahora admite la creación de informes sin páginas . Este nuevo tipo de diseño proporciona una alternativa a los formatos tradicionales de informes página por página al presentar el contenido del informe en pestañas separadas. Los diseños sin páginas también permiten contenedores desplazables para simplificar la interacción del usuario. Esta característica mejora la flexibilidad del diseño de informes con ActiveReportsJS, proporcionando un enfoque fácil de usar para crear y navegar informes. ActiveReportsJS es una solución de informes para visualizar datos en aplicaciones front-end. El producto incluye una aplicación de diseño multiplataforma independiente que permite crear plantillas de informes utilizando un amplio conjunto de controles.

código personalizado

ActiveReportsJS ahora admite funciones personalizadas en expresiones de informes. Esta característica mejora la flexibilidad del diseño de informes, proporciona una forma eficiente de gestionar cálculos complejos, reutilizar código y facilitar el formato condicional avanzado. A continuación se muestran algunas formas en las que puede beneficiarse de esta función:

Cálculos complejos : si bien las expresiones ActiveReportsJS pueden manejar de manera eficiente cálculos simples a moderadamente complejos, es posible que encuentre requisitos comerciales que requieran cálculos más complejos. El código personalizado puede simplificar estos escenarios, proporcionando soluciones elegantes para operaciones matemáticas complejas más allá de las capacidades de las expresiones estándar.
Reutilización del código : si utiliza fragmentos de código similares en varias expresiones de sus informes, el código personalizado puede proporcionarle un enfoque más eficiente. Al definir la función una vez, puede llamarla desde varios lugares del informe. Esta práctica no sólo mejora la capacidad de mantenimiento del código, sino que también contribuye a un diseño de informes más limpio.
Formato condicional avanzado : si bien el formato condicional básico se puede administrar mediante expresiones, el código personalizado va un paso más allá y se adapta a escenarios más complejos que requieren un estilo dinámico basado en condiciones específicas.

Por ejemplo, en nuestra demostración de filtrado en tiempo de ejecución , utilizamos una función personalizada para formatear los valores de moneda según su magnitud. La función se define de la siguiente manera:

function formatCurrencyValue(value) {
    let currencySymbol = '$';
    if (value >= 1000000000) {
        return currencySymbol + (value / 1000000000).toFixed(1) + 'B';
    } else if (value >= 1000000) {
        return currencySymbol + (value / 1000000).toFixed(1) + 'M';
    } else if (value >= 1000) {
        return currencySymbol + (value / 1000).toFixed(1) + 'K';
    } else {
        return currencySymbol + value.toFixed(1);
    }
}

En un informe, los cuadros de texto que muestran valores numéricos llaman a esta función a través de una expresión, por ejemplo:

{Code.formatCurrencyValue(Sum(SalesAmount))}

Este elegante enfoque permite formatear dinámicamente los valores monetarios en función de su magnitud, mejorando la legibilidad e interpretabilidad de los datos.

Para obtener más información sobre cómo incorporar código personalizado en proyectos ActiveReportsJS, consulte nuestra guía detallada . Aquí encontrará información detallada y ejemplos prácticos que le ayudarán a aprovechar al máximo esta potente función.

Vista de parámetros

Ahora hemos integrado una nueva función que permite crear vistas de parámetros personalizados utilizando el editor avanzado. Esta mejora se adapta a varios parámetros como Date Range,,, etc., lo que permite un control más general sobre los datos Slider.ListBox

Además, hemos actualizado la documentación de parámetros para incluir una guía completa. Esta guía proporciona instrucciones detalladas sobre cómo diseñar y utilizar eficazmente parámetros en informes y describe los pasos para crear vistas personalizadas.

Elementos del informe gráfico

nuevo tipo de dibujo

Hemos agregado cuatro nuevos tipos de gráficos a la Caja de herramientas de visualización de datos: columna de rango , barra de rango , área de rango y calibre .

Gráficos de columnas y barras de rango

Los gráficos y gráficos de columnas y barras de rango son excelentes para mostrar la diferencia entre los valores mínimo y máximo para cada categoría (representados por barras verticales u horizontales). Este tipo de gráfico se puede utilizar para visualizar datos como rangos de temperatura, fluctuaciones de precios u otros escenarios donde la atención se centra en el rango entre dos valores.

gráfico de área de rango

Los gráficos de áreas de rango están diseñados para mostrar el rango o la diferencia entre dos conjuntos de valores para una variable continua, como el tiempo. Este tipo de gráfico consta de dos líneas que representan los límites superior e inferior y rellena el área entre las líneas para enfatizar el rango. Los gráficos de áreas de rango se utilizan a menudo para mostrar datos como pronósticos de ventas con intervalos de confianza, rangos de temperatura a lo largo del tiempo o fluctuaciones del precio de las acciones.

diagrama del instrumento

Los gráficos de indicadores , también conocidos como velocímetro o gráficos de dial, son adecuados para visualizar puntos de datos individuales dentro de un rango específico, generalmente en relación con una meta o metas. Estos gráficos son especialmente útiles cuando desea comunicar el progreso o el desempeño de una manera visualmente atractiva.

Una característica agregada recientemente Text Encodingbrinda la capacidad de implementar configuraciones avanzadas para etiquetas de trazado e información sobre herramientas. Consulte Customizing Tooltips and Labelslas subsecciones bajo tipos de trama específicos para obtener más información. Por ejemplo, puede ver gráficos de columnas y barras .

Líneas de barras configurables para gráficos de columnas y barras

Ahora puede personalizar el color, el ancho y el estilo de las líneas que conectan barras o columnas en el gráfico.

leyenda interactiva

Las leyendas de color, forma o tamaño del gráfico ahora pueden ser interactivas , lo que permite a los lectores de informes hacer clic en un elemento de leyenda para saltar a otro informe, abrir una URL dinámica o aplicar parámetros.

Diferentes tipos

Mejoras en el manejo de datos

Hemos mejorado el procesamiento de datos en ActiveReportsJS, utilizando principalmente la API asíncrona para obtener datos de informes. Esta mejora no solo mejora la experiencia del usuario, sino que también permite a los desarrolladores utilizar trabajadores de servicios para interceptar solicitudes de datos. Como resultado, los desarrolladores pueden gestionar estas solicitudes directamente en el código de la aplicación, dándoles control total sobre el procesamiento de datos. Tenga en cuenta que, si bien la API XHR síncrona todavía se utiliza en algunos escenarios, estos casos ahora son muy raros.

función de índice de grupo

Ahora puede utilizar la función GroupIndex para recuperar el índice de una instancia agrupada. Esta característica es especialmente útil al personalizar el estilo de elementos agrupados en tiempo de ejecución. En particular, se puede utilizar para establecer colores de fondo alternos para una visualización más atractiva y organizada visualmente. Por ejemplo, en la demostración de tabla simple , el color de fondo del cuadro de texto en la fila de detalles está determinado por una expresión {IIF(GroupIndex() Mod 2 = 0, "White", "#f8f8f8")}. Esta expresión alterna el color de fondo entre blanco y gris claro ( ) usando GroupIndexuna función del índice recuperado . El grupo de detalles de la tabla se establece en el valor del único campo del conjunto de datos, en este caso . Dado que StartTime es único para cada taxista, efectivamente agrupa a cada conductor en una entidad distinta. Por lo tanto, al obtener una vista previa del informe, las filas de detalles muestran colores de fondo alternos para mejorar la legibilidad y cada viaje en taxi está visualmente separado por color.Details group#f8f8f8StartTime

Formato de parámetro de fecha personalizado

Ahora puede configurar parámetros Formatpara personalizar cómo se ven los valores de los parámetros en los cuadros de entrada de fecha en el panel de parámetros.

¿Sabes qué hay de nuevo en ActiveReportsJS 4.1? Grieta