Gantt de Recursos

Descripción generalDocumentaciónDemosVídeosHistorial de versiones

Documentación de Gantt Resource

Table of contents

Basics

Downloading and Installing 

Qlik Sense Desktop 

Para instalar AnyGantt Extension en Qlik Sense Desktop, haga lo siguiente:

  1. Descargue AnyGantt Extension para Qlik Sense.
  2. Extraiga el archivo.
  3. Abra una ventana del Explorador de Windows y navegue hasta el directorio de Extensions de Qlik Sense:
    ..\Users\<UserName>\Documents\Qlik\Sense\Extensions.
  4. Copie la carpeta anygantt-4x-project al directorio Extensions.
  5. Copie la carpeta anygantt-4x-resource al directorio Extensions.
  6. Copie la carpeta anygantt-4x-timeline al directorio Extensions.
  7. Reinicie Qlik Sense Desktop.
Qlik Sense Server 

Para instalar AnyGantt Extension en un servidor Qlik Sense,

  1. Descargue AnyGantt Extension para Qlik Sense.
  2. Abra Qlik Management Console (QMC): https://<QPS server name>/qmc
  3. Seleccione Extensions en la página de inicio de QMC o desde el menú desplegable Start.
  4. Haga clic en Import en la barra de acciones.
  5. En el cuadro de diálogo, seleccione el archivo descargado. Deje el área de la contraseña en blanco.
  6. Haga clic en Open en la ventana del explorador de archivos.
  7. Haga clic en Import.
Qlik Sense Cloud 

Para instalar AnyGantt Extension en Qlik Sense Cloud, haga lo siguiente:

  1. Descargue AnyGantt Extension para Qlik Sense Cloud.
  2. Extraiga el archivo.
  3. Acceda a la Management Console:
    • añada /console a la dirección de su inquilino: https://<your tenant address>/console
    • o use el enlace de navegación Administration bajo el perfil de usuario en el hub
  4. Vaya a la página Extensions y haga clic en Add.
  5. En el cuadro de diálogo, seleccione el archivo con la extension en el bundle – por ejemplo, anygantt-4x-resource.zip.
  6. Haga clic en Add.
  7. Repita los pasos anteriores para añadir otras extensions.
  8. En la Management Console, vaya a la sección Content Security Policy y haga clic en Add.
  9. En el cuadro de diálogo, asigne un nombre a la Content Security Policy – por ejemplo, AnyChart.
  10. Escriba la dirección del servidor de origen: qlik.anychart.com
  11. Seleccione las siguientes directivas:
    • connect-src
    • font-src
    • img-src
    • script-src
    • style-src
  12. Haga clic en Add.

Overview 

El gráfico Resource Gantt es una herramienta que programa recursos (por ejemplo, equipos o empleados) durante períodos de tiempo. Es posible mostrar múltiples períodos e hitos en una fila y combinar recursos en grupos.

Lea Quick Start y Dimensions and Measures para aprender cómo añadir un gráfico Resource Gantt y qué dimensiones y medidas utilizar.

En el lado izquierdo del gráfico, hay una table que muestra información de texto sobre dimensiones y medidas. Por defecto, incluye dos columnas: una columna de índice que muestra los índices de las filas, y una columna de dimensión que muestra recursos y grupos de recursos.

En el lado derecho, está el área del gráfico, que muestra elements: periods, que representan períodos de tiempo; y milestones, que representan eventos con duración cero.

Los ajustes disponibles de los elementos incluyen: colors / color by expression, labels, tooltips, y los settings of periods y milestones especiales. También puede añadir reference lines y reference ranges, configurar la scale, timeline, y toolbar, establecer el locale y el mes de inicio del fiscal year, etc.

Un gráfico Resource Gantt de AnyGantt con etiquetas y una línea de referencia

Quick Start 

Este tutorial rápido explica cómo crear un gráfico Resource Gantt básico.

En primer lugar, añada un gráfico vacío a su hoja:

  1. Vaya a Custom objects > AnyGantt en el panel de activos.
  2. Arrastre un gráfico AnyGantt Resource vacío a la hoja.

Luego añada dos dimensions, una que represente los recursos y la otra que represente los períodos e hitos:

  1. Vaya a Dimensions en el panel de propiedades.
  2. Haga clic en Add dimension y seleccione una dimensión.
  3. Haga clic en Add dimension y seleccione una dimensión.

La dimensión que representa los recursos debe ir primero. Si necesita reorganizar las dimensiones, simplemente arrástrelas en el panel de propiedades.

Finalmente, añada dos measures – las fechas de inicio y fin:

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en Add measure y seleccione una medida.
  3. Haga clic en Add measure y seleccione una medida.
  4. Haga clic en la primera medida y seleccione Start en el menú desplegable Map as.
  5. Haga clic en la segunda medida y seleccione Finish en el menú desplegable Map as.

Tenga en cuenta que también puede crear dimensiones y medidas a partir de campos o añadirlas haciendo clic en los botones del gráfico vacío.

Un gráfico Resource Gantt básico creado con AnyGantt para Qlik Sense Extension

Dimensions and Measures 

Dimensions 

Para añadir una dimensión, haga lo siguiente:

  1. Vaya a Dimensions en el panel de propiedades.
  2. Haga clic en Add dimension y seleccione una dimensión.

El gráfico Resource requiere dos dimensiones, una que represente los recursos y la otra que represente los períodos e hitos. La dimensión que representa los recursos debe ir primero. Si necesita reorganizar las dimensiones, simplemente arrástrelas en el panel de propiedades.

La dimensión que representa los recursos se muestra en la dimension column. La dimensión que representa los períodos e hitos no se muestra directamente.

Es posible agrupar recursos y crear una jerarquía multinivel añadiendo dimensiones adicionales. En este caso, la columna de dimensión muestra recursos y grupos de recursos, organizados como una estructura de tipo árbol.

Tenga en cuenta que debe organizar las dimensiones jerárquicas en el orden correcto, desde los niveles superiores a los inferiores.

Un gráfico Resource Gantt con datos jerárquicos

Puede personalizar el texto que se muestra en la columna de dimensión:

  1. Vaya a Dimensions en el panel de propiedades.
  2. Haga clic en una dimensión.
  3. Introduzca un valor de cadena o una expresión de cadena en el cuadro de entrada Dimension column text.

Por ejemplo, puede utilizar identificadores numéricos de recursos como dimensión y, al mismo tiempo, mostrar los nombres de los recursos en la columna de dimensión. Para ello, introduzca el nombre del campo que contiene los nombres de los recursos en el cuadro de entrada Dimension column text. AnyGantt funciona correctamente solo con identificadores únicos, por lo que el uso de esta función puede tener sentido si los nombres de los recursos no son únicos, pero aun así desea mostrarlos.

Un menú para personalizar dimensiones en AnyGantt para Qlik Sense Extension

Si necesita ocultar los valores nulos, desmarque la casilla Include null values en la configuración de cada dimensión. Sin embargo, si aplica este enfoque a un árbol de datos desequilibrado, los nodos con una profundidad menor se ocultarán.

Para ocultar valores nulos y visualizar correctamente un árbol de datos desequilibrado,

  1. Vaya a Add-ons > Data handling en el panel de propiedades.
  2. Marque la casilla Unbalanced tree.
Measures 

Para añadir una medida, haga lo siguiente:

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en Add measure y seleccione una medida.

Debe mapear las medidas que utiliza: consulte la sección Mapping para obtener más información.

Es suficiente con añadir solo una medida – la fecha de inicio. Sin embargo, en este caso todos los elementos se muestran como milestones. Para crear periods, debe añadir una segunda medida – la fecha de finalización. Utilice más medidas para mostrar información adicional en las measure columns.

Mapping 

Debe mapear las measures que utiliza para que funcionen correctamente.

Por ejemplo, para mapear las fechas de inicio y fin requeridas por los periods, haga lo siguiente:

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en la primera medida y seleccione Start en el menú desplegable Map as.
  3. Haga clic en la segunda medida y seleccione Finish en el menú desplegable Map as.

Aquí está la lista completa de mapeos disponibles y sus usos:

Utilice Data field (el mapeo por defecto) si una medida representa alguna información adicional y desea mostrarla solo en una measure column.

Table 

La tabla a la izquierda del gráfico muestra información de texto.

La index column muestra los índices de las filas, la dimension column muestra las dimensiones, y las measure columns muestran las medidas. El header en la parte superior de la tabla muestra los títulos de las columnas.

La tabla de un gráfico Resource Gantt con títulos de columna personalizados y dos columnas personalizadas

Es posible cambiar los títulos y otros ajustes de las columnas y personalizar la apariencia del encabezado y de las cells de la tabla.

Para desactivar o activar la tabla,

  1. Vaya a Appearance > Table > en el panel de propiedades.
  2. Cambie el control deslizante Enabled / Disabled.

Un gráfico Resource Gantt con la tabla activada y desactivada

Index Column 

AnyGantt crea automáticamente la columna de índice al crear un gráfico. Muestra los índices de las filas, y su título por defecto es #.

La tabla de un gráfico Resource Gantt incluyendo la columna de índice por defecto

Para configurar la columna de índice, vaya a Appearance > Table > Index column en el panel de propiedades y haga lo siguiente:

  • Para desactivar o activar, cambie el control deslizante Enabled / Disabled.
  • Para establecer el modo de numeración, vaya a Numbering mode y seleccione una de las opciones disponibles.
  • Para establecer un título personalizado, introduzca su texto en el cuadro de entrada Label.

Los modos de numeración disponibles incluyen: Simple numbering (por defecto), Hierarchical numbering, y Expression. El modo Expression requiere introducir una expresión en el cuadro de entrada Numbering expression.

Simple Numbering

La tabla de un gráfico Resource Gantt incluyendo la columna de índice con numeración simple

Hierarchical Numbering

La tabla de un gráfico Resource Gantt incluyendo la columna de índice con numeración jerárquica

Numbering by Expression

La tabla de un gráfico Resource Gantt incluyendo la columna de índice con numeración por expresión

En este ejemplo, la columna de índice muestra jerárquicamente los IDs de los recursos:

Pick(Dimensionality(), continent_id, continent_id & '.'
& country_id, continent_id & '.' & country_id & '.' & server_id)
Dimension Column 

AnyGantt crea automáticamente la columna de dimensión al crear un gráfico. Muestra la dimensión que representa los recursos, y su título por defecto es Name.

Si hay dimensiones adicionales que representan grupos de recursos, AnyGantt las muestra jerárquicamente, como una estructura de tipo árbol.

La tabla de un gráfico Resource Gantt con la columna de dimensión mostrando múltiples dimensiones

Para personalizar el título de la columna de dimensión,

  1. Vaya a Appearance > Table > Dimension column en el panel de propiedades.
  2. Introduzca su texto en el cuadro de entrada Label.

También puede personalizar el texto que se muestra en la columna de dimensión – consulte la sección Dimensions para obtener más información.

Measure Columns 

Es posible añadir columnas que muestren medidas. Por defecto, sus títulos son las expresiones de las medidas.

La tabla de un gráfico Resource Gantt con dos columnas de medida personalizadas

Para crear una columna de medida, haga lo siguiente:

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en Add measure y seleccione una medida. (Omita este paso si ya ha añadido la medida).
  3. En la configuración de la medida, marque la casilla Show as column.

No olvide mapear la medida si desea utilizarla para crear periods e milestones. Si solo va a mostrar la medida en una columna, puede mantener el mapeo por defecto.

Para personalizar el título de una columna de medida,

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en una medida e introduzca su texto en el cuadro de entrada Label.

También puede mostrar texto personalizado en una columna de medida: añada un valor de cadena o una expresión de cadena arbitraria como medida y muéstrela en una columna. Es posible utilizar símbolos HTML y Unicode.

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en Add measure e introduzca un valor de cadena o una expresión de cadena en el cuadro de entrada.
  3. Marque la casilla Show as column.

En el ejemplo siguiente, la primera columna de medida representa una expresión que calcula la duración agregada de los períodos estables por recurso (servidor):

Interval(Sum({<[status]={'stable'}>}[finish_date])) -
Interval(Sum({<[status]={'stable'}>}[start_date]))

La segunda columna representa una expresión de cadena – muestra diferentes textos dependiendo de cuánto tiempo los servidores estuvieron estables:

If(Interval(Sum({<[status]={'stable'}>}[finish_date])) -
Interval(Sum({<[status]={'stable'}>}[start_date])) < 20,
'<font color="red">Poor</font>', '<font color="green">Good</font>')

La tabla de un gráfico Resource Gantt con dos columnas de medida personalizadas, una de ellas representando una expresión calculada

El encabezado en la parte superior de la tabla muestra los títulos de sus columnas.

Las siguientes secciones explican cómo personalizar los títulos:

También puede ir a Appearance > Table > Header en el panel de propiedades y configurar el fondo y la fuente del encabezado:

  • Para configurar el fondo, cambie el control deslizante Background y utilice las opciones Fill y Opacity.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.

La tabla de un gráfico Resource Gantt con el encabezado personalizado

Cells 

Para configurar las celdas de la tabla, vaya a Appearance > Table > Cells en el panel de propiedades y haga lo siguiente:

  1. Para configurar el relleno, seleccione un tipo de relleno en el menú desplegable Fill type y utilice las opciones disponibles a continuación.
  2. Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.
  3. Para establecer la altura, utilice la opción Rows height.
  4. Para configurar el trazo, cambie el control deslizante Rows stroke y utilice las opciones Color, Stroke type, y Thickness.

Tenga en cuenta que los ajustes de relleno, altura y trazo afectan tanto a la tabla como al área donde se muestran los elements.

Aquí se ajustan la altura y la fuente de las celdas:

Un gráfico Resource Gantt con la altura y la fuente de las celdas ajustadas

La siguiente tabla explica la diferencia entre los diferentes tipos de relleno y enumera los ajustes disponibles para cada uno de ellos:

Fill TypeDescripciónAjustes
SolidSe aplica un color a todas las filas.Background > Fill, Opacity
HierarchySe aplica un color a las filas que muestran dimensions jerárquicas.Background base color > Fill, Opacity
Odd/evenDos colores indican las filas impares y pares.Background odd row > Fill, Opacity
Background even row > Fill, Opacity

Solid Fill

Un gráfico Resource Gantt con un relleno sólido aplicado a las filas

Hierarchy Fill

Un gráfico Resource Gantt con un relleno de jerarquía aplicado a las filas

Odd/Even Fill

Un gráfico Resource Gantt con un relleno impar/par aplicado a las filas

Elements 

Los elementos son las partes del gráfico Resource Gantt que representan intervalos de tiempo relacionados con los recursos.

Aquí están los tipos de elementos que están disponibles en AnyGantt Extension para Qlik:

Esta sección explica la diferencia entre los tipos y cómo añadirlos. Para aprender cómo configurar los elementos, lea la sección Settings of Elements.

Periods 

Los períodos muestran la duración de los intervalos de tiempo.

Un gráfico Resource Gantt con períodos

Para añadir períodos, necesita añadir dos medidas – las fechas de inicio y fin. Haga lo siguiente:

  1. Vaya a Measures en el panel de propiedades.
  2. Haga clic en Add measure y seleccione una medida.
  3. Haga clic en Add measure y seleccione una medida.
  4. Haga clic en la primera medida y seleccione Start en el menú desplegable Map as.
  5. Haga clic en la segunda medida y seleccione Finish en el menú desplegable Map as.
Milestones 

Los hitos son elementos que representan eventos con duración cero. Requieren solo una medida – la fecha de inicio.

Para añadir hitos, simplemente añada periods. Si en sus datos hay elementos con solo fechas de inicio, AnyGantt los muestra automáticamente como hitos.

Es posible mostrar múltiples hitos en una fila.

Un gráfico Resource Gantt con múltiples hitos dentro de cada fila

Settings of Elements 

Colors 

Puede colorear los periods e milestones como desee. Hay dos opciones disponibles: la coloración por defecto, que se describe en esta sección, y la coloración por expresión, descrita en la sección siguiente.

Para cambiar los colores por defecto y los ajustes adicionales del relleno y el trazo, vaya a Appearance > Defaults en el panel de propiedades, haga clic en el tipo de elemento que desee ajustar y haga lo siguiente:

  • Para configurar el relleno, seleccione un tipo de relleno en el menú desplegable Fill type y utilice las opciones disponibles a continuación.
  • Para configurar el trazo, utilice las opciones Stroke, Stroke type, y Thickness.

Los elementos admiten los siguientes tipos de relleno y ajustes:

Fill TypeDescripciónAjustes
SolidSe aplica un color a todos los elementos.Color
Opacity
By lineTodos los elementos dentro de cada línea (fila) comparten el mismo color de una paleta incorporada. En otras palabras, se colorean por recurso.Selección de paleta
Reverse colors
Opacity
By itemLos elementos se colorean mediante una paleta incorporada en el orden de su aparición en las filas del gráfico: el primer color de la paleta se aplica a los primeros elementos de cada fila, el segundo color se aplica a los segundos elementos, y así sucesivamente.Selección de paleta
Reverse colors
Opacity
By groupTodos los elementos dentro de cada grupo jerárquico comparten el mismo color de una paleta incorporada. Puede utilizar esta opción si hay dimensions adicionales que representen grupos de recursos.Selección de paleta
Reverse colors
Opacity

Fill by Line

Un gráfico Resource Gantt con los períodos coloreados por línea

Fill by Item

Un gráfico Resource Gantt con los períodos coloreados por elemento

Fill by Group

Un gráfico Resource Gantt con los períodos coloreados por grupo

Color by Expression 

Puede colorear los periods e milestones como desee. Hay dos opciones disponibles: la coloración por defecto, que se ha descrito anteriormente, y la coloración por expresión, que se describe en esta sección.

La coloración por expresión establece los colores mediante una expresión definida por el usuario. Al colorear por expresión, puede definir qué colores utilizar y con qué valores utilizarlos, lo que permite un mayor control sobre cómo se utilizan los colores en la visualización. Por ejemplo, puede resaltar valores de especial interés o diferenciar entre valores dentro de diferentes rangos de valores. La coloración por expresión también puede utilizarse para colorear una visualización mediante valores no incluidos en la misma, como colorear las tareas por país, importancia o RAG.

Para colorear un elemento por expresión, haga lo siguiente:

  1. Vaya a Add-Ons > Data settings en el panel de propiedades.
  2. Haga clic en Add setting.
  3. Seleccione un elemento del primer menú desplegable.
  4. Seleccione la opción Color string en el segundo menú desplegable.
  5. Introduzca una expresión en el cuadro de entrada.
Examples 

He aquí algunos ejemplos para mostrar lo que puede hacer con las expresiones por color.

Ejemplo: Colorear por un único valor de medida

If(status = 'down', 'salmon', 'yellowgreen')

En este ejemplo, hay una condición. Si el estado del servidor es 'down', los períodos correspondientes se colorearán en 'salmon'; de lo contrario, se colorearán en 'yellowgreen'.

Un gráfico de proyecto Gantt con los períodos coloreados por expresión (un único valor de medida)

Ejemplo: Colorear por múltiples valores de medida

If(status = 'down', 'salmon', If(status = 'high load', 'orange', 'yellowgreen'))

En este ejemplo, hay múltiples condiciones. Si el estado del servidor es 'down', los períodos correspondientes se colorearán en 'salmon'. Si el estado del servidor es 'high load', los períodos correspondientes se colorearán en 'orange'. Todos los demás períodos se colorearán en 'yellowgreen'.

Un gráfico Resource Gantt con los períodos coloreados por expresión (múltiples valores de medida)

Labels 

Las etiquetas son objetos de texto que muestran información adicional sobre los periods e milestones. Cada uno de los dos tipos de elementos tiene sus propios ajustes de etiqueta.

Por defecto, no hay etiquetas en el gráfico. Para activarlas, solo tiene que establecer el texto de la etiqueta y AnyGantt las mostrará.

Tenga en cuenta que es posible establecer el texto de la etiqueta como un valor de cadena o como una expresión de cadena arbitraria. El uso de expresiones le permite resaltar valores de interés particular, mostrar valores no incluidos en una visualización o resultados de cálculos, etc.

Para añadir etiquetas a un elemento, haga lo siguiente:

  1. Vaya a Add-ons > Label settings en el panel de propiedades.
  2. Haga clic en Add label.
  3. Seleccione un elemento del primer menú desplegable.
  4. Seleccione la opción Text en el segundo menú desplegable.
  5. Introduzca un valor de cadena o una expresión de cadena en el cuadro de entrada.

Para configurarlas, utilice las siguientes opciones:

  • Para establecer la posición, utilice las opciones Align y Offset.
  • Para configurar el fondo, cambie el control deslizante Background y utilice las opciones Fill, Opacity, Corner type, Border type, y Border radius.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.
  • Para establecer el límite de caracteres, cambie el control deslizante Character limit e introduzca un número en el cuadro de entrada.

Para gestionar las etiquetas superpuestas, vaya a Add-ons > Label settings en el panel de propiedades y desmarque o marque la casilla Hide overlapped. Este ajuste afecta a las etiquetas de todos los tipos de elementos a la vez.

En este ejemplo, se aplicaron ajustes de fuente personalizados a las etiquetas de los períodos. Muestran la siguiente expresión:

If(status = 'down', Upper(status) & '!')

Un gráfico Resource Gantt con los períodos coloreados por expresión (múltiples valores de medida)

Tooltips 

Los tooltips son cuadros de texto que aparecen cuando el usuario pasa el ratón sobre los elementos. Puede establecer un texto de tooltip personalizado por separado para los periods e milestones.

Tenga en cuenta que es posible establecer el texto del tooltip como un valor de cadena o como una expresión de cadena arbitraria. El uso de expresiones le permite resaltar valores de interés particular, mostrar valores no incluidos en una visualización o resultados de cálculos, etc.

Para desactivar o activar los tooltips, vaya a Interactivity en el panel de propiedades y cambie el control deslizante Tooltips.

Para configurar los tooltips, vaya a Add-ons > Tooltip settings en el panel de propiedades y haga lo siguiente:

  • Para configurar el fondo, cambie el control deslizante Background y utilice las opciones Fill, Opacity, y Border radius.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, y Family.

Así es como pueden verse el fondo y la fuente de los tooltips tras la configuración:

Un gráfico Resource Gantt con un tooltip, su fondo y fuente ajustados

Para establecer el texto del tooltip y el límite de caracteres de un elemento, haga lo siguiente:

  1. Vaya a Add-ons > Tooltip settings en el panel de propiedades.
  2. Haga clic en Add tooltip.
  3. Seleccione un elemento del menú desplegable.
  4. Introduzca un valor de cadena o una expresión de cadena en el cuadro de entrada.
  5. Cambie el control deslizante Character limit e introduzca un número en el cuadro de entrada.
    (Esta opción solo estará disponible después de establecer el texto).

He aquí un ejemplo de expresión para configurar el texto del tooltip:

'<b>' & Date(start_date, 'MM.DD') & ' – ' & Date(finish_date, 'MM.DD') &
' (' & (Interval(finish_date) - Interval(start_date)) & ' d)</b>' &
'<br><i>' & Capitalize(status) & '</i>' & 

'<br><br>Server: ' & server_name &
'<br>Location: ' & country_name

Un gráfico Resource Gantt con un tooltip que muestra un texto personalizado

Settings of Periods 

Los Periods admiten las siguientes funciones: Colors, Color by Expression, Tooltips, Labels. También admiten algunos ajustes especiales, que se describen en las subsecciones siguientes.

Start and End Markers 

Puede activar los marcadores de inicio y/o fin de los períodos:

  1. Vaya a Appearance > Defaults en el panel de propiedades.
  2. Haga clic en Periods.
  3. Vaya a Start marker o End marker.
  4. Cambie el control deslizante Disabled / Enabled.

Para configurarlos, utilice las siguientes opciones:

  • Para establecer el tipo (forma), seleccione uno de los tipos incorporados en el menú desplegable Type.
  • Para configurar el relleno y el trazo, utilice las opciones Fill, Stroke, y Thickness.
  • Para establecer el tamaño, utilice la opción Size.

Un gráfico Resource Gantt con los marcadores de inicio y fin de los períodos activados

Settings of Milestones 

Los Milestones tienen los siguientes ajustes generales: Colors, Color by Expression, Tooltips, Labels. También admiten algunos ajustes especiales, que se describen en las subsecciones siguientes.

Type and Size 

En la sección Appearance > Defaults > Milestones del panel de propiedades, puede ajustar el tipo y el tamaño (así como los colors) de los hitos.

Para establecer el tamaño, utilice la opción Size.

Para establecer el tipo, utilice una de las siguientes opciones:

Un botón en el menú de AnyGantt para Qlik Sense Extension para configurar los hitos como formas incorporadasHaga clic en el pictograma de "icono" y seleccione un icono (forma) incorporado en el menú desplegable.
Un botón en el menú de AnyGantt para Qlik Sense Extension para configurar los hitos como imágenes personalizadasHaga clic en el pictograma de "imagen" e introduzca un enlace a una imagen personalizada en el cuadro de entrada Image URL.

He aquí uno de los iconos incorporados:

Un gráfico Resource Gantt con los hitos configurados como una de las formas incorporadas

También puede utilizar una expresión definida por el usuario para asignar diferentes imágenes personalizadas a diferentes hitos:

  1. Vaya a Add-Ons > Data settings en el panel de propiedades.
  2. Haga clic en Add setting.
  3. Seleccione Milestones del primer menú desplegable.
  4. Seleccione la opción Image url del segundo menú desplegable.
  5. Introduzca una expresión en el cuadro de entrada.

En el ejemplo siguiente, los hitos se representan como diferentes imágenes en función del estado del servidor. Se utiliza la siguiente expresión:

If(status = 'down', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-x.png',
If(status = 'high load', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-arrow-up.png',
If(status = 'stable', 'https://qlik.anychart.com/static/qlik-demo-apps/milestone-icon-arrow-up-in-a-circle.png')))

Un gráfico Resource Gantt con los hitos configurados como diferentes imágenes personalizadas

Other Features 

Reference Lines 

Una línea de referencia es una línea que corta el área del gráfico desde un punto dado en el timeline.

Puede añadir una o varias líneas de referencia a un gráfico para indicar una fecha o fechas determinadas. La línea de referencia solo se dibuja si se encuentra dentro del rango de visualización actual.

Tenga en cuenta que es posible especificar el valor que define la posición de una línea de referencia como un valor de fecha o como una expresión de fecha arbitraria.

Un gráfico Resource Gantt con una línea de referencia activada y personalizada

Para añadir una línea de referencia, haga lo siguiente:

  1. Vaya a Add-ons > Reference lines en el panel de propiedades.
  2. Haga clic en Add reference line.
  3. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada Date.

A continuación, configúrela:

  • Para añadir una etiqueta de texto, introduzca una cadena de texto en el cuadro de entrada Label.
  • Para configurar el trazo, utilice las opciones Stroke, Stroke type, y Thickness.
  • Para configurar la posición de la etiqueta, utilice las opciones Label orientation y Label position.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.

Reference Ranges 

Un rango de referencia es un área que corta el área del gráfico desde un rango dado de puntos en el timeline.

Puede añadir uno o varios rangos de referencia a un gráfico para indicar un período o períodos de tiempo determinados. El rango de referencia solo se dibuja si se encuentra dentro del rango de visualización actual.

Tenga en cuenta que es posible especificar los valores que definen la posición de un rango de referencia como valores de fecha o como expresiones de fecha arbitrarias.

Un gráfico Resource Gantt con un rango de referencia activado y personalizado

Para añadir un rango de referencia, haga lo siguiente:

  1. Vaya a Add-ons > Reference range en el panel de propiedades.
  2. Haga clic en Add reference range.
  3. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada From.
  4. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada To.

A continuación, configúrelo:

  • Para añadir una etiqueta de texto, introduzca una cadena de texto en el cuadro de entrada Label.
  • Para configurar el relleno, utilice las opciones Color y Opacity.
  • Para configurar la posición de la etiqueta, utilice las opciones Label orientation y Label position.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.

Scale 

AnyGantt Extension utiliza una escala que usted puede configurar. Es posible establecer el rango de fechas que el gráfico muestra por defecto, así como el mínimo y el máximo de la escala.

Tenga en cuenta que puede especificar todas estas fechas como valores de fecha o como expresiones de fecha arbitrarias.

Default Display Range 

Por defecto, el gráfico se aleja al máximo. También se puede ampliar a un rango personalizado de fechas. Sin embargo, los usuarios seguirán pudiendo ampliar o reducir el gráfico mediante la toolbar (o la rueda del ratón), si el minimum and maximum de la escala lo permiten.

Para establecer el rango de visualización por defecto, haga lo siguiente:

  1. Vaya a Appearance > Scale > Display range en el panel de propiedades.
  2. Cambie Display range de Auto a Custom.
  3. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada From.
  4. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada To.

En el siguiente ejemplo, el rango de visualización por defecto se establece entre el 1 y el 15 de julio de 2019:

Date#('07.01.2019', 'MM.DD.YYYY')
Date#('07.15.2019', 'MM.DD.YYYY')

Así se ve por defecto el gráfico con estos ajustes:

Un gráfico Resource Gantt con el rango de visualización por defecto de la escala establecido en fechas personalizadas

Minimum and Maximum 

Cuando aleja el gráfico al máximo mediante la toolbar (o la rueda del ratón), verá el rango de fechas entre el mínimo y el máximo de la escala. Por defecto, AnyGantt los ajusta para mostrar todos los elements del gráfico.

Para establecer la fecha mínima de la escala,

  1. Vaya a Appearance > Scale > Minimum en el panel de propiedades.
  2. Cambie Minimum de Auto a Custom.
  3. Si es necesario, marque la casilla Soft para activar el soft mode.
  4. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada.

Para establecer la fecha máxima de la escala,

  1. Vaya a Appearance > Scale > Maximum en el panel de propiedades.
  2. Cambie Maximum de Auto a Custom.
  3. Si es necesario, marque la casilla Soft para activar el soft mode.
  4. Introduzca un valor de fecha o una expresión de fecha en el cuadro de entrada.

En este ejemplo, el mínimo se establece en 10 días antes de la fecha de inicio real más temprana, y el máximo se establece en 10 días después de la fecha de finalización real más tardía:

Min(start_date) - 10
Max(finish_date) + 10

Así se ve el gráfico con estos ajustes cuando se aleja al máximo:

Un gráfico Resource Gantt con el mínimo y el máximo de la escala establecidos en fechas personalizadas

Soft Mode 

Para activar el modo suave, marque la casilla Soft al establecer el minimum and maximum de la escala.

El modo suave ajusta el mínimo y el máximo a los elements del gráfico. Es importante cuando hay elementos o partes de elementos anteriores al mínimo o posteriores al máximo.

Por ejemplo, si establece el mínimo en el 1 de julio de 2019 y activa el modo suave, el gráfico seguirá mostrando todos los elementos y partes de elementos que sean anteriores a esa fecha. La activación del modo suave tanto para el mínimo como para el máximo garantiza que siempre sea posible alejar el gráfico (mediante la toolbar) para ver todos los elementos.

A continuación se muestra un gráfico Gantt con el mínimo y el máximo de la escala establecidos entre el 10 y el 20 de julio de 2019:

Date#('07.01.2019', 'MM.DD.YYYY')
Date#('07.15.2019', 'MM.DD.YYYY')

El modo suave está desactivado tanto para el mínimo como para el máximo:

Un gráfico Resource Gantt con el mínimo y el máximo de la escala establecidos en fechas personalizadas, el modo suave desactivado para ambos

Aquí está el mismo gráfico con el modo suave activado solo para el mínimo:

Un gráfico Resource Gantt con el mínimo y el máximo de la escala establecidos en fechas personalizadas, el modo suave activado para el mínimo

Aquí el modo suave solo está activado para el máximo:

Un gráfico Resource Gantt con el mínimo y el máximo de la escala establecidos en fechas personalizadas, el modo suave activado para el máximo

Gaps 

Puede añadir un espacio mínimo y un espacio máximo – espacios en blanco a la izquierda y a la derecha del espacio ocupado por los elements:

  1. Vaya a Appearance > Scale > Gaps en el panel de propiedades.
  2. Cambie Gaps de Auto a Custom.
  3. Seleccione Percents o Pixels en el menú desplegable Unit type.
  4. Utilice las opciones Minimum gap y Maximum gap.

Además, asegúrese de que los controles deslizantes Minimum y Maximum de arriba estén en Auto: los ajustes de minimum and maximum anulan los ajustes de los espacios.

Aquí el espacio mínimo está fijado en el 20% y el máximo en el 50%:

Un gráfico Resource Gantt con espacios de escala de diferente tamaño a la izquierda y a la derecha del espacio ocupado por los períodos

Timeline 

Un timeline es un conjunto de filas (niveles) encima del área del gráfico, donde se muestran las fechas.

El timeline de un gráfico Resource Gantt

La presentación de las fechas y los intervalos en el timeline se ve afectada por los ajustes del fiscal year y el locale.

Timeline Levels 

Por defecto, hay tres niveles en el timeline. Cada nivel muestra una determinada unidad de tiempo, dependiendo del nivel de zoom actual y de los settings of zoom levels.

Para abrir la configuración de un nivel, haga lo siguiente:

  1. Vaya a Appearance > Timeline en el panel de propiedades.
  2. Haga clic en Top level / Middle level / Bottom level

A continuación, configúrelo:

  • Para desactivarlo o activarlo, cambie el control deslizante Enabled.
  • Para establecer el color de relleno, utilice la opción Fill.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, Family, y Shadow.

El timeline de un gráfico Resource Gantt con dos niveles personalizados y el tercer nivel desactivado

Zoom Levels 

El gráfico puede ampliarse o reducirse mediante la toolbar (o la rueda del ratón). En cada nivel de zoom, los timeline levels muestran determinadas unidades de tiempo. Para establecerlas,

  1. Vaya a Appearance > Timeline en el panel de propiedades.
  2. Haga clic en Zoom levels para abrir la ventana de configuración.
  3. Configure los niveles de zoom.
  4. Haga clic en Save y Close.

Aquí está la ventana con los ajustes por defecto de los niveles de zoom:

El menú de AnyGantt para Qlik Sense Extension con la configuración por defecto de los niveles de zoom

Por defecto, hay 9 niveles de zoom. El número máximo de niveles disponibles es también de 9. En la ventana Zoom levels, puede eliminar y duplicar niveles haciendo clic en los botones situados a la derecha de los mismos. Para restaurar los ajustes por defecto, haga clic en Restore defaults.

Cada nivel de zoom contiene los ajustes de los tres niveles del cronograma: Top level, Middle level, y Bottom level. Para cada nivel de cronograma, puede especificar una unidad de tiempo y un número de unidades.

Debe especificar la unidad de tiempo más grande para el Top level del timeline y la unidad más pequeña para el Bottom level. La misma lógica se aplica a los niveles de zoom: el primer nivel de la lista (marcado como Max) es el nivel que se muestra cuando el gráfico está totalmente alejado y el cronograma muestra las unidades de tiempo más grandes. El último nivel de zoom de la lista (Min) es el nivel que se muestra cuando el gráfico está totalmente ampliado y el cronograma muestra las unidades de tiempo más pequeñas.

En el siguiente ejemplo, hay un gráfico con un solo nivel de zoom:

El menú de AnyGantt para Qlik Sense Extension con ajustes personalizados de los niveles de zoom (todos los niveles menos uno desactivados)

Un gráfico Resource Gantt con un solo nivel de zoom activado

Fiscal Year 

Puede establecer el mes de inicio del año fiscal. Este ajuste solo afecta a la presentación de las fechas y los intervalos en el timeline y los tooltips, así como a las etiquetas de la toolbar. Puede seleccionar otro locale:

  1. Vaya a Appearance > Fiscal year en el panel de propiedades.
  2. Seleccione This year / Next year en el primer menú desplegable.
  3. Seleccione un mes en el segundo menú desplegable.

Schedule 

Es posible establecer y resaltar el horario de trabajo: días festivos, fines de semana, horas laborables y no laborables.

El resalte de festivos y fines de semana es visible cuando el gráfico se amplía a días. El resalte de las horas de trabajo es visible cuando se amplía a horas. (Utilice la toolbar o la rueda del ratón para ampliar o reducir el gráfico).

Para configurar los festivos, vaya a Appearance > Schedule > Holidays en el panel de propiedades y haga lo siguiente:

  • Para establecer los festivos, introduzca sus datos en el cuadro de entrada Holiday dates.
  • Para desactivar o activar el resalte, cambie el control deslizante Highlight.
  • Para configurar el resalte, utilice las opciones Color y Opacity.

Puede introducir las fechas de los festivos como una cadena, separándolas por una coma:

'07.16.2019, 07.17.2019'

También puede utilizar un campo de datos que contenga fechas de festivos. Combínelos con la función Concat():

Concat(holiday_date, ',')

Para configurar los fines de semana, vaya a Appearance > Schedule > Weekends en el panel de propiedades:

  • Para establecer los días de fin de semana, haga clic en los botones que representan los días de la semana.
  • Para desactivar o activar el resalte, cambie el control deslizante Highlight.
  • Para configurar el resalte, utilice las opciones Color y Opacity.

En esta captura de pantalla, dos colores diferentes resaltan el fin de semana y dos festivos:

Un gráfico Resource Gantt con diferentes colores resaltando el fin de semana y festivos personalizados

Para configurar las horas de trabajo, vaya a Appearance > Schedule > Working hours en el panel de propiedades:

  • Para establecer el inicio de las horas de trabajo, seleccione una hora en el menú desplegable Start.
  • Para establecer el final de las horas de trabajo, seleccione una hora en el menú desplegable End.
  • Para desactivar o activar el resalte del tiempo de trabajo, cambie el control deslizante Highlight working time.
  • Para desactivar o activar el resalte del tiempo no laborable, cambie el control deslizante Highlight non-working time.
  • Para configurar los resaltes, utilice las opciones Color y Opacity situadas bajo los controles deslizantes.

Aquí las horas de trabajo están coloreadas de verde y las no laborables de gris:

Un gráfico Resource Gantt con diferentes colores resaltando las horas laborables y no laborables personalizadas

Locale 

Por defecto, AnyGantt lee el locale de Qlik y lo aplica a los formatos de fecha/hora utilizados en el timeline y los tooltips, así como a las etiquetas de la toolbar. Puede seleccionar otro locale:

  1. Vaya a Appearance > Locale en el panel de propiedades.
  2. Desmarque la casilla Use Qlik locale.
  3. Seleccione un locale en el menú desplegable.

AnyGantt admite los siguientes locales:

  • Chino (República Popular China)
  • Chino (Taiwán)
  • Holandés (Países Bajos)
  • Inglés (Estados Unidos)
  • Francés (Francia)
  • Alemán (Alemania)
  • Italiano (Italia)
  • Japonés (Japón)
  • Coreano (Corea)
  • Polaco (Polonia)
  • Portugués (Brasil)
  • Ruso (Rusia)
  • Español (España)
  • Sueco (Suecia)
  • Turco (Turquía)

He aquí un gráfico Gantt con el locale chino:

Un gráfico Resource Gantt con el locale chino

Toolbar 

La Toolbar es un panel de navegación situado encima del gráfico. Permite a los usuarios ampliar o reducir el gráfico, contraer o expandir filas (si existen relaciones jerárquicas entre ellas) e imprimir el gráfico.

Para configurar la barra de herramientas, vaya a Appearance > Toolbar en el panel de propiedades y haga lo siguiente:

  • Para desactivar o activar, desmarque o marque la casilla Enabled.
  • Para establecer el tipo de botones, utilice las opciones Icons (por defecto), Labels, y Both.
  • Para seleccionar los formatos de impresión que se mostrarán en el menú desplegable Print, vaya a Print formats y marque las casillas correspondientes.
  • Para configurar la fuente, cambie el control deslizante Font y utilice las opciones Style, Color, Size, y Family.

Los ajustes de estilo y familia de fuente solo afectan a las etiquetas de los botones (si están activadas). El tamaño y el color de la fuente afectan tanto a las etiquetas como a los iconos, así como al menú Print. Además, el texto de las etiquetas se ve afectado por el locale.

Así es como se ve la barra de herramientas con diferentes tipos de botones:

IconsLa barra de herramientas de un gráfico Resource Gantt mostrando iconos
LabelsLa barra de herramientas de un gráfico Resource Gantt mostrando etiquetas de texto
BothLa barra de herramientas de un gráfico Resource Gantt mostrando iconos y etiquetas de texto

En esta captura de pantalla, tanto las etiquetas como los iconos están activados y se ha ajustado su fuente:

Un gráfico Resource Gantt con la barra de herramientas mostrando iconos y etiquetas, con su fuente ajustada

Printing 

La toolbar en la parte superior del gráfico proporciona la interfaz para la impresión.

AnyGantt admite la impresión de varias páginas y varios formatos de impresión desde A0 hasta A6. También puede seleccionar el diseño apaisado (landscape) o vertical (portrait) y especificar el rango de impresión (todas las fechas o solo las visibles).

Aquí está el menú desplegable Print con las opciones disponibles:

...

...

Para seleccionar los formatos de impresión que se mostrarán en el menú,

  1. Vaya a Appearance > Toolbar > Print formats en el panel de propiedades.
  2. Marque las casillas correspondientes.

Interactivity 

Por defecto, están disponibles las siguientes funciones de interactividad: selección, snapshots y tooltips. La rueda del ratón se utiliza para desplazar verticalmente el gráfico, pero también puede utilizarse para ampliarlo.

Para desactivar o activar estas funciones, vaya a Interactivity en el panel de propiedades y cambie los siguientes controles deslizantes:

  • Selection
  • Snapshots
  • Tooltips
  • Zoom with mouse wheel

Expanding / Collapsing 

Si hay más de dos dimensions, AnyGantt organiza la table de forma jerárquica. Por defecto, el gráfico se dibuja con todas las filas expandidas, mostrando todos los niveles de la jerarquía.

Los usuarios pueden contraer y expandir filas con ayuda de los botones de la tabla o de la toolbar.

Un gráfico Resource Gantt con las filas expandidas y contraídas

El gráfico puede dibujarse con todas las filas contraídas, con los elementos secundarios cargados o no. Para gestionar el estado del gráfico al cargar, vaya a Add-ons > Data handling en el panel de propiedades y haga lo siguiente:

  • Para cargar todo el árbol o solo el nivel superior, cambie el control deslizante Fully expanded.
  • Para contraer o expandir filas por defecto, cambie el control deslizante Collapse on load.

Cuando la opción Fully expanded está desactivada, solo se cargan los elementos primarios del nivel superior. El botón de la barra de herramientas Expand All expande solo los elementos cargados previamente, por lo que en este caso no puede utilizarse para expandir todo el árbol a la vez. Para cargar los elementos secundarios, tiene que expandir manualmente sus elementos primarios mediante los botones de la tabla.

Cuando la opción Fully expanded está activada, se cargan todos los elementos del árbol. Si activa Collapse on load, el gráfico se dibuja con todos los elementos secundarios contraídos, pero siguen estando cargados. En este caso, el botón de la barra de herramientas Expand All expande todo el árbol a la vez.

Calculation Conditions 

AnyGantt admite condiciones de cálculo: puede establecer una condición que debe cumplirse (ser verdadera) para que se muestre el objeto. Si la condición no se cumple, se muestra un mensaje personalizado.

Una condición de cálculo es útil cuando un gráfico o una tabla son muy grandes y hacen que la visualización responda con lentitud. Una condición de cálculo puede ayudar, por ejemplo, a que un objeto no se muestre hasta que el usuario haya filtrado los datos a un nivel más manejable mediante la aplicación de selecciones.

Para añadir una condición, haga lo siguiente:

  1. Vaya a Add-ons > Data handling en el panel de propiedades.
  2. Introduzca una expresión en el cuadro de entrada Calculation condition.
  3. Introduzca un valor de cadena o una expresión de cadena en el cuadro de entrada Displayed message.

Por ejemplo, la siguiente expresión permite mostrar el gráfico solo cuando el usuario selecciona menos de 20 períodos:

If(Count(period_id) < 20, 1, 0)

Si hay demasiados períodos, AnyGantt muestra este mensaje:

'There are too many periods (' & Count(period_id) & ').'

Un gráfico Resource Gantt con una condición de cálculo

 


Otras extensiones de AnyChart
SpreadsheetsÁrbol de descomposiciónGráfico De DianaMedidor circularGráfico combinadoGráfico de anilloGantt de ProyectosLínea de tiempoCascada ClásicoCascada avanzada
Descargar extensión Gantt de Recursos
Descargar
Compartir esta página
LinkedInFacebookXEmail
---