Creación de contenedores de diseño

Los contenedores de diseño le permiten agregar visualizaciones en un espacio limitado. También puede mostrar u ocultar las visualizaciones dentro del contenedor conforme a ciertas condiciones. El contenedor de diseño se incluye como parte del paquete Dashboard bundle. Para más información, vea Dashboard bundle.

Puede crear un contenedor en la hoja que está editando.

Haga lo siguiente:

1. En el panel de activos, abra Gráficos.

2. En Objetos del cuadro de mando, arrastre Contenedor de diseño a la hoja.

Ahora ya tiene un contenedor de diseño. Puede comenzar a agregar y configurar gráficos en su contenedor de diseño.

Agregar gráficos a un contenedor de diseño

Haga lo siguiente:

1. Seleccione un contenedor de diseño.

2. Haga clic en Add bajo Content en el panel de propiedades.

   Alternativamente, haga clic en Add content, en el contenedor de diseño.

3. Seleccione una visualización en Charts.

4. Haga clic en Add dimension y Add measure para agregar datos al gráfico.

5. Para cambiar el tamaño del gráfico, realice una de las siguientes acciones:
   • Haga clic y arrastre las esquinas o el borde del gráfico.
   • En las propiedades, indique el ancho y alto del gráfico en porcentajes.

6. Para reposicionar el gráfico, tome una de las siguientes opciones:

   • Haga clic y arrastre el gráfico a su posición.

   • En las propiedades, indique las posiciones de los ejes x e y del gráfico, en porcentajes.

   Para mostrar líneas de cuadrícula en el diseño, en Presentación > Opciones de estilo, habilite Mostrar líneas de cuadrícula. También puede establecer el número de filas y columnas en la cuadrícula y ajustar visualizaciones a las líneas de la cuadrícula.

   Para mantener los gráficos dentro de los límites del contenedor de diseño, en Presentación > Opciones de estilo, habilite Mantener los gráficos dentro de los límites.

7. Para reordenar las capas de visualizaciones en el contenedor de diseño, haga clic con el botón derecho en la visualización en el contenedor de diseño, seleccione Reordenar capas del gráfico y elija adelantar o retroceder la visualización. Alternativamente, haga clic y arrastre las visualizaciones en el panel de propiedades.
8. Para configurar el gráfico con todas las propiedades disponibles para ese tipo de gráfico, haga clic en Edit properties.
9. Repita lo mismo para cualquier gráfico adicional que desee agregar al contenedor de diseño.

Agregar condiciones de visualización

Puede agregar condiciones de visualización en las pestañas que ha creado.

Haga lo siguiente:

1. Haga clic en el gráfico al que desea agregar una condición de visualización, en Content, en el panel de propiedades.

2. Agregue una condición de visualización para el gráfico en Show condition. Normalmente se utiliza una función If().

   Vea if Función de script y de gráfico.

3. Añada otra condición de visualización a un gráfico diferente.

   Los gráficos ahora se mostrarán u ocultarán dependiendo del resultado de las condiciones que haya agregado. Si la condición de un gráfico da como resultado True (Verdadero), el gráfico se muestra, y si es False (Falso), se oculta.

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.

Haga lo siguiente:

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

2. En Aspecto > Presentación, haga clic en Opciones 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

Personalizar el fondo

Puede personalizar el fondo del gráfico. El fondo se puede configurar por color e imagen.

Haga lo siguiente:

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

2. En Aspecto > Presentación, haga clic en Opciones 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.

Personalizar el borde y la sombra

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

Haga lo siguiente:

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

2. En Aspecto > Presentación, haga clic en Opciones 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.