Saltar al contenido principal Saltar al contenido complementario

Gráfico de organigrama

Puede utilizar el gráfico de organigrama (Organigrama) para crear gráficos de organización y organigramas a partir de datos con una estructura de árbol. Puede navegar por la jerarquía expandiendo y contrayendo el árbol. El gráfico de organigrama va incluido en el paquete Visualization bundle.

Debe usar un conjunto de datos con dos dimensiones que definan la estructura del árbol.

  • La primera dimensión debe ser la ID del nodo. Esto normalmente sería una identificación (ID) de empleado en un organigrama tradicional.
  • La segunda dimensión debe ser la ID del nodo padre (o nodo principal). Esto normalmente sería la identificación de empleado de un gerente: ManagerID.

    Esto se conecta a la primera dimensión para crear una estructura de árbol.

    Si este valor está vacío o apunta a un nodo que no existe, el nodo se convierte en un nodo raíz en la parte superior del árbol.

Conjunto de datos a modo de ejemplo para un organigrama
IDEmpleado IDAdmin Nombre Cargo
A101   María Campana Dirección general
A102 A101 Juan Boscán Secretaría ejecutiva
O101 A101 Lía Martínez Dirección de operaciones
I101 A101 Juana Sánchez Dirección de información
T101 A101 Asier Navarro Dirección de sistemas informáticos
T102 T101 Emilia Díaz Vicepresidencia de productos
T103 T101 Cristina Núñez Vicepresidencia de I+D

También puede agregar una medida que se utilizará como descripción de una tarjeta.

video thumbnail

Preparar el conjunto de datos

Hay algunas cosas que debe tener en cuenta al preparar el conjunto de datos para un organigrama.

  • Debe usar un conjunto de datos con menos de 33 000 filas.

    Si utiliza un conjunto de datos mayor, se ignorarán las filas de más. Esto puede dar como resultado un árbol con una estructura incorrecta. Se muestra un mensaje: Se ha alcanzado el límite máximo de datos. Puede que el árbol se muestre incorrectamente.

  • Asegúrese de que los datos no contengan referencias circulares.

    Las referencias circulares pueden provocar la omisión de nodos o la creación de múltiples nodos raíz. Se mostrará uno de estos mensajes:

    Los datos contienen referencias circulares, se omiten los nodos.

    Sin nodo raíz, verifique los datos por si hay referencias circulares.

  • Si un nodo tiene más de 99 nodos secundarios, el exceso de nodos secundarios no se representará.

    Se muestra un mensaje: Se alcanzó el número máximo de nodos secundarios, se omiten los nodos.

  • Debe evitar tener una gran cantidad de filas que no tienen un nodo principal. Estos se mostrarán como nodos raíz. El número máximo de nodos raíz es 99.

Crear un gráfico de organigrama

Puede visualizar el conjunto de datos de ejemplo en un organigrama. Cada empleado se muestra como una tarjeta en una estructura de árbol que puede expandir y contraer.

  1. Añada un Gráfico de organigrama a su hoja.
  2. Defina la primera dimensión como EmployeeID.
  3. Defina la segunda dimensión como ManagerID.
  4. Agregue etiquetas a las tarjetas. Expanda la dimensión EmployeeID para ver las propiedades de la etiqueta.

    1. Defina Título de tarjeta como Name.
    2. Defina Subtítulo de tarjeta como Title.

Organigrama con tarjetas y títulos.

Modificar la apariencia del gráfico

Puede personalizar la apariencia de su gráfico de organigrama.

Agregar una medida para incorporar una descripción

Puede mostrar una descripción agregando una medida. Esto reemplazará el valor establecido en la propiedad Descripción de la tarjeta.

Cambiar el modo de presentación

Puede configurar cómo se muestra el gráfico de organigrama en AspectoPresentaciónModo de presentación. Los organigramas pueden mostrar el árbol completo o pueden contraerse y expandirse. Si un organigrama está configurado para Expandir/contraer, también puede configurar el gráfico de organigrama para que cambie el tamaño automáticamente para que se ajuste cada vez que se expande o contrae.

Usar el panel de estilo para personalizar aún más el aspecto

Tiene una serie de opciones de estilo disponibles en Aspecto, en el panel de propiedades.

Haga clic en PaletaOpciones de estilo, en Aspecto > Presentación para personalizar aún más el estilo del gráfico. El panel de opciones de estilo contiene varias secciones en las pestañas General y Gráfico.

Puede restablecer sus estilos haciendo clic en Reiniciar junto a cada sección. Al hacer clic en Reiniciar Restablecer todo, se restablecen los estilos de todas las pestañas disponibles en el panel de estilos.

Para obtener información general sobre cómo diseñar una visualización individual, consulte Aplicar un estilo personalizado a una visualización.

Personalizar el texto

Puede configurar el texto del título, el subtítulo y la nota al pie de página en Aspecto > General. Para ocultar estos elementos, desactive Mostrar títulos.

La visibilidad de las diferentes etiquetas en el gráfico depende de la configuración específica del gráfico y las opciones de visualización de etiquetas. Se pueden configurar en el panel de propiedades.

Puede dar estilo al texto que aparece en el gráfico.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña General, configure la fuente, el estilo de énfasis, el tamaño de fuente y el color para los siguientes elementos de texto:

    • Título

    • Subtítulo

    • Nota a pie de página

  4. Cambie a la pestaña Gráfico. De manera predeterminada, el Contraste automático está activado en Color del texto. Esta configuración ajusta automáticamente el color del texto de los elementos del panel para obtener un contraste óptimo. Desactive esta opción si desea controlar el color del texto de cada elemento de manera aislada.

    Establezca el tipo de letra, el tamaño y el color de los siguientes elementos de texto:

    • Título: dé estilo al texto de los títulos de los paneles.

    • Subtítulo: dé estilo al texto de los subtítulos de los paneles.

    • Descripción: dé estilo al texto de las descripciones de los paneles.

    • Etiqueta de medida: dé estilo al texto de las etiquetas de medida.

    • Valor de medida: dé estilo al texto de los valores de medida.

Personalizar el fondo

Las opciones de estilo de fondo están disponibles tanto a nivel general como del panel.

Configuración del fondo general

El fondo general incluye el área del título, así como el propio gráfico, que queda parcialmente cubierto por los paneles.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña General del panel de estilo, puede seleccionar un color de fondo (un solo color o expresión). También puede establecer como fondo una imagen de su biblioteca multimedia o de una URL.

    Nota informativa

    Para añadir una imagen de fondo desde una URL, debe agregarse el origen de la URL a la lista de elementos permitidos en la Política de seguridad de contenidos de su espacio empresarial inquilino. El origen debe añadirse con la siguiente Directiva: img-src. Esto lo hace un administrador del espacio empresarial inquilino.

    Para más información, vea Crear una entrada en la política de seguridad de contenidos, CSP.

    Cuando use un color de fondo, utilice el control deslizante para ajustar la opacidad del fondo.

    Al usar una imagen de fondo, puede ajustar el tamaño y la posición de la imagen.

Definir el fondo de los paneles

Puede definir el color de fondo de los paneles que aparecen en el gráfico.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña Gráfico del panel de estilo, en Color de fondo del panel, seleccione el color que desee utilizar para el fondo de los paneles. Puede definir el color como un único color o mediante una expresión.

Con las expresiones, también es posible dar un estilo diferente a cada panel. Para ello, amplíe Datos en el panel de propiedades y expanda la primera dimensión. Establezca una expresión para el color de fondo del panel. Por ejemplo, podría ser una expresión condicional como: =if(EmployeeID='A101', 'pink')

Personalizar el aspecto del panel

Puede cambiar el color de fondo de los paneles (véase Definir el fondo de los paneles). También puede configurar si la barra superior y el borde aparecerán en los paneles, así como el color que se utilizará para ellos.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña Gráfico del panel de estilo, vaya a Aspecto del panel. De manera predeterminada, el Contraste automático está activado. Esta opción ajusta automáticamente el color de la barra superior y del borde. Desactive el ajuste para controlar su color.

    Ajuste las siguientes opciones:

    • Barra superior: elija si desea añadir una barra en la parte superior de cada panel, para un mayor atractivo visual.

    • Borde: elija si cada panel estará rodeado por un borde.

    • Color del borde: este parámetro está disponible cuando el Contraste automático está desactivado. Puede fijar el color de los bordes de los paneles en un único color o mediante una expresión.

Personalizar las imágenes del panel

Puede añadir imágenes a los paneles del gráfico de organigrama (consulte Añadir imágenes al gráfico de la organización). Una vez que haya añadido las imágenes, utilice el panel de estilo para cambiar la forma en que se presentan.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña Gráfico del panel de estilo, en Opciones de imagen, escoja las siguientes opciones:

    • Ubicación: ajuste la forma en que los usuarios ven las imágenes. Puede seleccionar mostrar las imágenes en los paneles únicamente, en una información sobre herramientas cuando los usuarios pasen el ratón por encima de un panel, o ambas cosas.

    • Alineación: elija en qué parte de los paneles se mostrarán las imágenes.

    • Forma: puede elegir entre una forma rectangular o redonda para las imágenes.

    • Ajustar a la forma: esta opción está disponible cuando el parámetro Forma está configurado en Rectángulo. Con el parámetro activado, cada imagen se redimensiona para ajustarse a la recuadro de contenido en el que aparece. A continuación, se recorta la imagen.

Personalizar el borde y la sombra

Puede personalizar el borde y la sombra del gráfico.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en PaletaOpciones de estilo.

  3. En la pestaña General del panel de opciones de estilo, en Borde, ajuste el tamaño del Contorno para aumentar o disminuir las líneas de borde alrededor del gráfico.

  4. Seleccione un color para el borde.

  5. Ajuste el Radio de redondeo para controlar la redondez del borde.

  6. En Sombra, en la pestaña General, seleccione un tamaño y color de sombra. Seleccione Ninguno para eliminar la sombra.

Selecciones en el gráfico de organigrama

Puede seleccionar tarjetas en el organigrama. Al seleccionar una tarjeta, se incluirán todos los nodos secundarios debajo de la tarjeta de la selección.

Añadir imágenes al gráfico de la organización

Puede añadir una imagen para cada tarjeta del gráfico orgánico. Las imágenes de las tarjetas se configuran en la sección Datos del panel de propiedades, al configurar la primera dimensión.

  1. En el panel de propiedades, expanda Datos.

  2. En Dimensiones, amplíe la primera dimensión que haya añadido.

  3. En URL de imagen, introduzca la expresión que define cuándo utilizar cada imagen. Por ejemplo, podría tener un campo llamado URLs en su modelo de datos que contenga la URL de cada tarjeta.

    Nota informativa

    El origen de cada URL debe añadirse a la lista de elementos permitidos de la política de seguridad de contenidos de su espacio empresarial inquilino. El origen debe añadirse con la siguiente Directiva: img-src. Esto lo hace un administrador del espacio empresarial inquilino.

    Para más información, vea Crear una entrada en la política de seguridad de contenidos, CSP.

    Tras definir las imágenes, puede utilizar el panel de estilo para ajustar cómo se presentan. Vea Personalizar las imágenes del panel.

Limitaciones

Para obtener información sobre limitaciones generales, consulte Limitaciones.

Más información

¿Esta página le ha sido útil?

No dude en indicarnos en qué podemos mejorar si encuentra algún problema en esta página o su contenido, como, por ejemplo, errores tipográficos, pasos que falta o errores técnicos.