Diseños de lienzo para diferentes tamaños de pantalla

Puede realizar diseños de lienzo para adaptarlos a dispositivos de diferentes tamaños optimizando el contenido para ajustarlo al explorador de cada tamaño de pantalla.

Temas:

Acerca de los diseños de lienzo para mostrarlos en los dispositivos con diferentes tamaños de pantalla

Puede realizar diseños de lienzo para ajustarlos a dispositivos de diferentes tamaños optimizando el contenido del explorador; por ejemplo, en un móvil, una tableta o un portátil.

Optimización de diseños de lienzo para diferentes tamaños de pantalla

Cuando se abre un libro de trabajo en dispositivos de diferente tamaño, el tamaño de pantalla del lienzo se escala al tamaño de pantalla del explorador utilizando los valores por defecto del explorador. El cambio el tamaño del explorador mediante la reducción de su tamaño puede afectar a su capacidad para ver los detalles en las visualizaciones. Por ejemplo, los datos de un gráfico de dispersión, un mapa de calor o la mayoría de los datos de medida de una visualización de mosaico pueden ser difíciles de leer, lo que hace que sea imposible ver la información esencial.

Cuando se reduce el tamaño de lienzo en un explorador, las visualizaciones pueden ser demasiado pequeñas para mostrar los datos correctamente.
Esta imagen muestra un tamaño reducido de pantalla de lienzo que aparece en un explorador en el que algunas visualizaciones son demasiado pequeñas para poder ver los datos correctamente.

Como autor, puede diseñar puntos de ruptura de modo que cuando se reduce el tamaño de la pantalla del lienzo, la presentación de las visualizaciones cambia para ajustarse al nuevo tamaño de pantalla. Por ejemplo, si el tamaño de pantalla disponible es demasiado pequeño para mostrar una visualización completa, puede reorganizar u ocultar la visualización para que funcione mejor con el tamaño de pantalla más pequeño. Puede especificar tamaños y diseños de pantalla de lienzo diferentes utilizando puntos de ruptura de lienzo, donde cada punto de ruptura representa una organización diferente de visualizaciones mostradas para cada tamaño de pantalla.

Un lienzo optimizado para un punto de ruptura de tamaño de pantalla más pequeño contiene visualizaciones que se reorganizan para facilitar la visualización en el dispositivo más pequeño.
Esta imagen muestra una visualización optimizada creada utilizando un punto de ruptura para un dispositivo con un tamaño de pantalla más pequeño.

Utilice un control deslizante para definir tamaños de pantalla cuando los usuarios consumidores muestren lienzos en dispositivos de diferente tamaño. Por ejemplo, puede cambiar cómo se muestran las visualizaciones reorganizando su ubicación, tamaño o visibilidad en el lienzo.

Cuando agrega un punto de ruptura a un lienzo, el tamaño de pantalla de punto de ruptura determina cómo se muestran las visualizaciones cuando se muestran con ese tamaño de pantalla. Puede cambiar la posición de las visualizaciones, su tamaño, o eliminarlas para un punto de ruptura de lienzo a fin de optimizar cómo ven los usuarios las visualizaciones. Puede especificar diferentes configuraciones de visualización para cada punto de ruptura, y las diferencias para cada punto de ruptura solo se muestran al usuario consumidor cuando la resolución del tamaño de pantalla del explorador coincide con el tamaño de pantalla de punto de ruptura para el que se realizan los cambios.

Diseños de lienzo para visualizarlos en diferentes dispositivos

Puede crear punto de ruptura de lienzo para determina cómo se muestran las visualizaciones a los usuarios consumidores en los dispositivos con diferentes tamaños de pantalla. Por ejemplo, puede definir puntos de ruptura diferentes para optimizar la visualización en el explorador de un dispositivo móvil, en una tablet o en un PC portátil.

Icono de tutorial Tutorial

  1. En la página de inicio, pase el cursor por encima de un libro de trabajo, haga clic en Acciones y, a continuación, seleccioneAbrir.
  2. Haga clic en Editar para mostrar el libro de trabajo para su edición.
  3. Amplíe el lienzo hasta el tamaño máximo y en Propiedades del lienzo, defina el Diseño en Ajuste automático y haga clic en Aceptar.
  4. En el pie de página, haga clic en Editor de lienzo ajustable para abrir el editor, donde puede definir puntos de ruptura para visualizar el lienzo en diferentes dispositivos.
    Editor de lienzo ajustable

  5. Defina un punto de ruptura de lienzo:
    • Agregue un punto de ruptura en la posición actual del control deslizante: haga clic en el control deslizante y arrástrelo hasta el valor en píxeles del tamaño de pantalla que desee utilizar para este punto de ruptura
      Arrastre el control deslizante hasta el ancho necesario mostrado en píxeles.

      y, a continuación, haga clic en Agregar punto de ruptura Haga clic en el icono Agregar punto de ruptura para agregar un punto de ruptura donde está ubicado el control deslizantepara agregar el punto de ruptura en la ubicación actual del control deslizante.
    • Introduzca un valor para un punto de ruptura de forma manual: haga clic en Abrir el menú del Editor de lienzo ajustable, haga clic en Agregar punto de ruptura e introduzca un número en el campo Posición donde desea ubicar este punto de ruptura.
      Introduzca una posición de forma manual para agregar un punto de ruptura

  6. Repita el paso anterior para definir puntos de ruptura de lienzo adicionales.
  7. Incluya o excluya visualizaciones para cada punto de ruptura de lienzo:
    • Haga clic con el botón derecho en el punto de ruptura de lienzo que desee gestionar (Punto de ruptura de lienzo y su marcador) y haga clic en Gestionar punto de ruptura.
      Utilice el cuadro de diálogo Gestionar punto de ruptura para incluir o excluir visualizaciones para cada punto de ruptura de lienzo:

    • Haga clic en una visualización de la lista para excluirla o incluirla en el lienzo para este punto de ruptura de lienzo y, a continuación, haga clic en Aceptar.
      Utilice el cuadro de diálogo Gestionar punto de ruptura para excluir o incluir visualizaciones y filtros de panel de control del lienzo para este punto de ruptura.

  8. Opcional: Cree una visualización y agréguela a un punto de ruptura seleccionando datos del panel Datos y agregándolos al lienzo.
    La nueva visualización se agrega solo al punto de ruptura actual, aunque puede agregar la visualización a otros puntos de ruptura del lienzo seleccionándola en la lista del cuadro de diálogo Gestionar punto de ruptura para ese punto de ruptura.
  9. Opcional: Optimice la presentación de visualizaciones para un punto de ruptura de lienzo.
    Puede que desee optimizar el contenido para mostrarlo en un dispositivo más pequeño; por ejemplo, un móvil.
    • Reorganice las visualizaciones: haga clic en las visualizaciones y arrástrelas a una nueva posición.
    • Optimice las visualizaciones: utilice el panel Propiedades para ocultar contenido innecesario, como el título o la leyenda.
    Al optimizar visualizaciones para un punto de ruptura, esos cambios no se aplican a otros puntos de ruptura del lienzo.
  10. Haga clic en Guardar.