Listas de SharePoint VI: Maneras atractivas de mostrar los datos de lista

Descripción general

Enumerar icono con gráfico Aprenda maneras atractivas de visualizar sus datos de lista en las páginas de SharePoint. Use el elemento web gráfico para crear gráficos de barra y gráficos circulares. Además, aprenda a hacer sus páginas interactivas mediante el uso de elementos web de filtro.

Una vez finalizado este curso, sabrá realizar las siguientes tareas:

  • Crear un elemento web que muestre los datos de lista.

  • Conectar dos elementos web.

  • Crear un elemento web de gráfico de barras.

  • Crear un elemento web de gráfico circular.

  • Crear un elemento web de filtro de texto.

  • Crear un elemento web que filtre los datos del gráfico.

Este curso incluye:

  • Una lección autoguiada.

  • Una pequeña prueba al final de la lección. La prueba no será puntuada.

  • Una tarjeta de referencia rápida que se puede imprimir al finalizar el curso.

Para hacer este curso, debe tener experiencia con listas de SharePoint o, bien, puede realizar los cursos Listas I: Introducción, Listas II: Crear y trabajar con diferentes listas, Listas III: Crear una lista basada en una hoja de cálculo y Listas IV: Crear una lista personalizada.

Vea más cursos en Cursos de Microsoft Office.

Versión sin conexión (66,3 MB)

Introducción

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

Inserte un elemento web de gráfico de barra

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

Inserte un elemento web de gráfico circular

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

Use un elemento web de filtro de textos

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

Mostrar una lista filtrada en un gráfico de SharePoint

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

La clave para realizar buenos gráficos

Su explorador no admite vídeo. Instale Microsoft Silverlight, Adobe Flash Player o Internet Explorer 9.

Ponga a prueba sus conocimientos

Realice la siguiente prueba para asegurarse de que ha entendido todo el material. Sus respuestas serán privadas y los resultados de la prueba no se puntuarán.

Para visualizar los datos de lista en la página principal de SharePoint, debe realizar lo siguiente:

Hacer clic en el botón Editar y, a continuación, insertar un hipervínculo en los datos de lista.

Incorrecto. Este tipo de vínculo no le permitirá ver los datos en su página. Inténtelo de nuevo.

Hacer clic en el botón Editar y, a continuación, hacer clic en Editar propiedades para insertar un elemento web.

No, lo sentimos. Editar propiedades le permite cambiar el nombre del archivo de la página, pero no le permite insertar datos en la página. Inténtelo de nuevo.

Hacer clic en el botón Editar y, a continuación, arrastrar y colocar los datos de lista en la página.

Lo sentimos, eso no es correcto. No puede arrastrar y colocar los datos de lista en la página principal. Inténtelo de nuevo.

Hacer clic en el botón Editar y, a continuación, insertar su elemento web.

Correcto, se utiliza un elemento web para mostrar los datos de lista.

Quiere tener un gráfico en su página principal. Hace clic en el botón Editar, en la ficha Insertar y, a continuación, hace clic en Elemento web. ¿En cuál de las siguientes categorías haría clic para insertar el elemento web gráfico?

Medios y contenido

No, lo sentimos. En la categoría Medios y contenido, encontrará interesantes elementos web que muestran imágenes, fotos y videos. Pero desafortunadamente, no encontrará el elemento web gráfico allí. Inténtelo de nuevo.

Datos profesionales

Correcto. En la categoría Datos profesionales es donde encontrará el elemento web gráfico.

Listas y bibliotecas

Incorrecto. En la categoría Listas y bibliotecas, encontrará elementos web que le permitan mostrar datos de listas y bibliotecas. Sin embargo, no habrá una opción para mostrar datos en un gráfico. Inténtelo de nuevo.

Filtros

No, lo sentimos. En la categoría Filtros, encontrará interesantes elementos web que le permitirán filtrar datos. Sin embargo, no encontrará el elemento web gráfico aquí. Inténtelo de nuevo.

Si sus datos de lista se vieran de la siguiente manera, ¿un elemento web gráfico le mostraría el costo total para cada ID de producto?

ID de productoFecha de compraCosto
A-1000001/15/2010$1.000,00
A-1000001/01/2010$1.000,00
B-1000002/01/2010$1.050,00
B-1000003/15/2010$1.050,00
A-1000004/24/2010$1.000,00

Correcto, porque obtendrá el costo de cada ID de producto para usted.

Incorrecto. El elemento web gráfico no obtiene los valores en este momento. Inténtelo de nuevo.

Correcto, porque el costo de cada ID de producto se resume en la columna Costo.

Incorrecto. Si mira detenidamente, se dará cuenta de que la columna Costo no muestra un resumen del costo total de todos los productos A-10000 y B-10000 que se han comprado. Solamente repite el costo en cada fila. Inténtelo de nuevo.

No, porque hay diversas filas que contienen el mismo ID de producto y, por lo tanto, no se resume el costo.

Sí, es correcto. La columna Costo no muestra el total para cada ID de producto ya que hay diversas entradas para el mismo ID de producto. Consecuentemente, el elemento de web gráfico no podrá mostrar el costo total. Deberá crear una lista que tenga una fila para cada ID de producto y, en esa fila, tendrá el costo total en la columna Costo.

No, porque la columna Fecha de compra es única para cada fila.

Incorrecto. La columna Fecha de compra no está relacionada con esta pregunta. De hecho, podría realizar esta acción si desea un elemento web gráfico le muestre la cantidad de compras de cada día. Esto se debe a que no hay fechas repetidas en la columna Fecha de compra. Inténtelo de nuevo.

Desea utilizar un elemento web de filtro de textos para que, cuando escriba un valor, un elemento web de ventas reaccione a su entrada. ¿Cómo conecta los dos elementos web?

Haga clic en la flecha pequeña que se encuentra en la esquina superior derecha del elemento web de filtro, haga clic en Conexiones y, a continuación, haga clic en Obtener valor predeterminado de.

No, no es correcto. Este tipo de conexión obtendrá un valor de otro elemento web y lo pasará al elemento web de filtro de texto. Inténtelo de nuevo.

Hacer clic en la flecha pequeña que se encuentra en la esquina superior derecha del elemento web de filtro, hacer clic en Conexiones y, a continuación, hacer clic en Enviar valores de filtro a.

Correcto. Esta es la manera en la que las entradas del elemento web de filtro de texto pasan al elemento web de ventas.

Haha clic en la flecha pequeña que se encuentra en la esquina superior derecha del elemento web de ventas, haga clic en Conexiones y, a continuación, haga clic en Enviar tabla a.

Incorrecto. Esto enviará los datos desde el elemento web de ventas al elemento web de filtro de texto. Esta conexión está yendo en la dirección equivocada. Inténtelo de nuevo.

Haha clic en la flecha pequeña que se encuentra en la esquina superior derecha del elemento web de ventas, haga clic en Conexiones y, a continuación, haga clic en Enviar fila de datos a.

Incorrecto. Esto enviará los datos desde el elemento web de ventas al elemento web de filtro de texto. Esta conexión está yendo en la dirección equivocada. Inténtelo de nuevo.

Comentarios

Tarjeta de referencia rápida

Vea también

Mostrar datos de lista con un gráfico de barras

  1. Diríjase a la página donde desea que esté el gráfico de barras.

  2. En la ficha Página haga clic en Editar o en Editar página.

  3. Realice una de las siguientes acciones:
    a) Haga clic en un área donde desea colocar el gráfico. A continuación, en la ficha Insertar haga clic en Elemento web
    b) Haga clic en Agregar un elemento Web

  4. En la izquierda, haga clic en Datos profesionales. En la derecha, haga clic en Elemento web Gráfico y, a continuación haga clic en Agregar.

  5. Haga clic en Apariencia de datos y, a continuación, haga clic en Conectar gráfico con datos.

  6. Haga clic en Conectar con una lista y, a continuación, en Siguiente.

  7. En Lista, seleccione la lista que desee y, a continuación, haga clic en Siguiente.

  8. Haga clic en Siguiente.

  9. Elija las columnas para el Campo Y y Campo X.

  10. Haga clic en Finalizar.

Mostrar datos de lista con un gráfico circular

  1. Diríjase a la página donde desea que esté el gráfico de barras.

  2. En la ficha Página haga clic en Editar o en Editar página.

  3. Realice una de las siguientes acciones:
    a) Haga clic en un área donde desea colocar el gráfico. A continuación, en la ficha Insertar haga clic en Elemento web
    b) Haga clic en Agregar un elemento Web

  4. En la izquierda, haga clic en Datos profesionales. En la derecha, haga clic en Elemento web Gráfico y, a continuación, haga clic en Agregar.

  5. Haga clic en Apariencia de datos , haga clic en Aceptar y, a continuación, haga clic en Conectar gráfico con datos.

  6. Haga clic en Conectar con una lista y, a continuación, en Siguiente.

  7. En Lista, seleccione la lista que desea mostrar en el gráfico y, a continuación, haga clic en Siguiente.

  8. Haga clic en Siguiente.

  9. Elija las columnas adecuadas para el Campo Y y Campo X.

  10. Haga clic en Finalizar.

  11. Haga clic en Apariencia de datos y, a continuación, haga clic en Personalizar su gráfico.

  12. En la izquierda, haga clic en Circular y, a continuación, haga clic en la plantilla circular que se encuentra en la derecha.

  13. Haga clic en Siguiente.

  14. Seleccione un tema o especifique el ancho, altura, etc.

  15. Haga clic en Siguiente.

  16. Elija las opciones de título o leyenda según sea necesario.

  17. Haga clic en Finalizar.

Use un elemento web de filtro de textos

En primer lugar, inserte un elemento web simple que muestre los datos de lista.

  1. Ir a la página donde desea que esté el gráfico de barras.

  2. En la ficha Página, haga clic en Editar.

  3. Realice una de las siguientes acciones:
    a) Haga clic en un área donde desea colocar el gráfico. A continuación, en la ficha Insertar haga clic en Elemento web
    b) Haga clic en Agregar un elemento Web

  4. A la izquierda, haga clic en Listas y bibliotecas.

  5. En la derecha, haga clic en el nombre de su lista o biblioteca, y, a continuación, haga clic en Agregar.

En segundo lugar, inserte el elemento web de filtro de texto.

  1. En la ficha Página, haga clic en Editar.

  2. Realice una de las siguientes acciones:
    a) Haga clic en un área donde desea colocar el gráfico. A continuación, en la ficha Insertar haga clic en Elemento web
    b) Haga clic en Agregar un elemento Web

  3. A la izquierda, haga clic en Filtros. En la derecha, haga clic en Filtro de textoy, a continuación, haga clic en Agregar.

  4. Cambie el nombre del elemento web de filtro. En la esquina superior derecha del elemento web, haga clic en le flecha pequeña y, a continuación, haga clic en Editar elemento web

  5. En Nombre de filtro, escriba un nombre descriptivo del elemento web (distinto al del filtro de texto).

  6. En Título, escriba un nombre descriptivo del elemento web (distinto al del filtro de texto).

  7. En la parte inferior derecha, haga clic en Aplicar.

  8. En la esquina superior derecha del elemento web, haga clic en la flecha pequeña, haga clic en Conexiones y, a continuación, haga clic en Enviar valores de filtro a y, a continuación, elija la lista que a la que desea enviar los valores de filtro.

  9. Haga clic en 2. Configurar conexión

  10. Para Nombre de campo consumidor, elija la columna con la que desea comparar el valor de filtro.

  11. Haga clic en Finalizar.

  12. En la parte inferior del panel del elemento web, haga clic en ACEPTAR para finalizar la edición.

  13. En la ficha Página, haga clic en Guardar y cerrar.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×