Share via

  • Artículo

Lección 2: Agregar gráficos de línea y minigráficos (SSRS)

En esta lección, va a prender a agregar elementos de informe al informe Employee_Sales_Summary_2008R2 que ayuda a responder la siguiente pregunta de un vendedor de AdventureWorks:

  • ¿Cómo se comparan mis ventas de temporada con las ventas de años anteriores?

Agregará un gráfico de líneas y un minigráfico incrustados en una matriz para visualizar los datos de ventas de año a año desde la base de datos EmployeeSalesYearOverYear2008R2.

Aprendizaje

En esta lección, realizará las siguientes tareas:

  • Mostrar las ventas de cada mes durante varios años en un gráfico de líneas.

  • Visualizar los mismos datos en una matriz agregando un minigráfico anidado.

  • Agregar código personalizado para controlar los colores de las líneas de cada gráfico para que un color represente el mismo año.

  • Agregar un contenedor de rectángulo para el texto explicativo, el gráfico de líneas y la matriz.

  • Agregar un marcador de las palabras del texto del escenario que lleve a la región de datos correspondiente.

Tiempo estimado para completar este tutorial: 15 minutos.

Requisitos

Para obtener más información acerca de los requisitos, vea Requisitos previos de los informes de ejemplo de AdventureWorks 2008R2 (SSRS).

En esta lección se supone que ha completado los pasos de la Lección 1: Crear conjuntos de datos compartidos y configurar parámetros de informe (SSRS).

Sugerencias

Primero revise las sugerencias sobre la configuración de las regiones de datos en la superficie de diseño y, a continuación, agréguelas a rectángulos. Para obtener más información, vea Sugerencias para diseño de informes (Generador de informes 3.0 y SSRS).

Para abrir el proyecto y el informe

  1. En Business Intelligence Development Studio, abra los informes de ejemplo del proyecto de servidor de informes AdventureWorks 2008R2 que creó en la lección anterior.

  2. Abra el informe Employee_Sales_Summary_2008R2.

Para expandir el alto del informe y que quepan los gráficos

  1. Seleccione el rectángulo que contiene el texto informativo sobre los parámetros, orígenes de datos y conjuntos de datos.

  2. Presione la tecla de flecha hacia abajo para mover el rectángulo hacia abajo en la página. El alto del informe aumenta automáticamente.

  3. Si es necesario, utilice Zoom en la barra de herramientas Informe para ajustar la vista del área de diseño de informe.

Para agregar y configurar un gráfico de líneas

  1. Inserte un Gráfico debajo de los cuadros de texto del escenario.

  2. En Elegir un tipo de gráfico, utilice la información sobre herramientas para elegir el gráfico de Líneas.

  3. Arrastre el gráfico al lado izquierdo del informe, debajo del cuadro de texto que contiene la alternancia. Utilice CTRL + las teclas de dirección para desplazar el gráfico a la ubicación correcta.

  4. Compruebe que el gráfico está seleccionado y que las propiedades del gráfico aparecen en el panel de propiedades.

  5. Utilice SHIFTL + las teclas de dirección para expandir el ancho y el alto del gráfico a aproximadamente 9,50 cm. En el panel Propiedades, expanda Tamaño para comprobar el alto y el ancho.

  6. Desde el conjunto de datos EmployeeSalesYearOverYear2008R2, realice las siguientes acciones:

    1. Arrastre Sales hasta Valores en el panel de datos del gráfico. De esta forma, se define el eje vertical.

    2. Arrastre Month hasta Grupos de categorías. De esta forma, se define el eje horizontal.

    3. En el panel Datos del gráfico, haga clic con el botón secundario en Month para configurar Propiedades del grupo de categorías. En la página Ordenar, ordene por MonthNumber. De esta forma, se controla el criterio de ordenación en el eje horizontal.

    4. Arrastre Year a Grupos de series. De esta forma, se agrega una línea por cada año.

  7. Haga clic con el botón secundario en el gráfico hasta que se seleccione la serie y abra Propiedades de la serie.

  8. En la página Borde, realice las siguientes acciones:

    1. Establezca el valor de Estilo de línea en Sólido.

    2. Establezca el valor Ancho de línea en 2 pto.

Los colores de línea se asignan automáticamente de una paleta de colores predeterminada. Los colores se asignan en función del criterio de ordenación del grupo de series.

Para configurar el título y los ejes del gráfico

  1. Cambie el título del gráfico a Comparación de ventas anuales.

  2. Coloque la leyenda de la serie debajo del eje horizontal.

  3. Elimine el título de eje horizontal.

  4. Cambie el título del eje vertical a En millares.

  5. Abra Propiedades del eje vertical. Realice las siguientes acciones:

    1. En el campo Categoría de la página Número, haga clic en Moneda.

    2. Establezca el valor de Posiciones decimales en 0.

    3. Seleccione Usar separador de miles.

    4. Seleccione Mostrar valores en y elija Miles.

  6. Abra Propiedades del eje horizontal. En la página Opciones del eje, realice las siguientes acciones:

    1. En Tipo de eje, seleccione Escalar (Número/fechas).

    2. Cambie Intervalo a 1.

  7. En la página Etiquetas, seleccione Deshabilitar el ajuste automático y establezca el valor de Ángulo de giro de etiqueta (grados) en 45.

  8. En la página Número, establezca el valor de Categoría en Fecha y el de Tipo en *31/1/2000.

Para agregar una matriz

  1. Inserte una matriz debajo del gráfico de líneas.

  2. Alinee el lado izquierdo de la matriz con el lado izquierdo del gráfico de líneas.

  3. Desde el conjunto de datos EmployeeSalesYearOverYear, realice las siguientes acciones:

    1. Arrastre Year hasta Filas.

    2. Arrastre Sales hasta Datos. Formatee el cuadro de texto como Moneda.

    3. Formatee la fila de encabezados según proceda.

  4. Seleccione la matriz. En el panel de propiedades, establezca el valor de Marcador en MatrixwithNestedSparkline.

  5. Formatee el encabezado de la matriz según proceda.

Para agregar un minigráfico anidado a una celda de Tablix

  1. En la matriz, haga clic con el botón secundario en la columna Ventas, elija Insertar Columna y haga clic en Fuera del grupo - Derecha.

  2. Agarre el identificador de la columna y expanda el ancho para alinearlo al lado derecho del gráfico.

  3. Haga clic con el botón secundario en la última celda de la segunda fila, elija Insertar, haga clic en Minigráfico y use la información sobre herramientas para agregar Línea con marcadores.

  4. Para configurar el minigráfico, realice las siguientes acciones:

    1. Desde el conjunto de datos EmployeeSalesYearOverYear, arrastre Sales hasta Valores.

    2. Arrastre Month hasta Grupos de categorías.

    3. Haga clic con el botón secundario en Month para abrir el cuadro de diálogo Propiedades del grupo de categorías.

    4. En la opción Sincronizar grupos en de la página General, seleccione Tablix1. El eje de categoría de cada minigráfico utilizará los mismos valores mínimo y máximo en función de todos los datos de grupo de la matriz en lugar de los datos de grupo para cada fila por separado.

    5. En la página Ordenación, establezca la expresión Ordenar por en [MonthNumber].

En el caso de un minigráfico anidado, hay solo un grupo de series en el ámbito, de modo que el color para cada línea se basa en el primer color de la paleta de colores predeterminada.

En el paso siguiente, agregará código personalizado para controlar el orden de colores asignado a un grupo de series en función de la expresión del grupo. De esta manera, la línea de cada año será del mismo color en el gráfico de líneas y el minigráfico.

Para establecer la coincidencia de los colores de línea de los gráficos de línea y los minigráficos

  1. En la página Código de las propiedades del informe, agregue el siguiente código personalizado al informe:

    Private colorPalette As String() = {"Blue", "Orange", "Green"}
    Private count As Integer = 0
    Private mapping As New System.Collections.Hashtable()
    Public Function GetColor(ByVal groupingValue As String) As String
       If groupingValue = Nothing Then 
          Return "Black" 
       End If
        If mapping.ContainsKey(groupingValue) Then
            Return mapping(groupingValue)
        End If
        Dim c As String = colorPalette(count Mod colorPalette.Length)
        count = count + 1
        mapping.Add(groupingValue, c)
        Return c
    End Function

    En este ejemplo hay tres años de datos, por lo que se definen solo tres colores.

  2. En el gráfico de líneas, haga clic con el botón secundario en las líneas hasta que la serie del gráfico aparezca en el panel de propiedades y, a continuación, haga clic en Propiedades de la serie.

  3. En la página Relleno, en Color, escriba la siguiente expresión:

    =IIF(Fields!Year.Value IS NOTHING,"Black",Code.GetColor(Fields!Year.Value))

  4. Repita los pasos 2 y 3 para el minigráfico.

  5. Obtenga una vista previa del informe.

El color de línea de cada año es el mismo en el gráfico de líneas y el minigráfico.

Para agregar un contendor rectangular

  1. Haga clic con el botón secundario en el informe Cuerpo, elija Insertar y, a continuación, haga clic en Rectángulo.

  2. En Propiedades del rectángulo, cambie Nombre a rectCharts.

  3. En el rectángulo, agregue un cuadro de texto denominado tbChartPurpose con el texto siguiente: Comparar ventas de temporada por año.

  4. Dé formato según sea necesario.

  5. Seleccione el gráfico de líneas. Arrastre la esquina superior izquierda del gráfico al interior del rectángulo. El rectángulo se expande para incluir el gráfico.

  6. Agarre el controlador inferior del rectángulo y arrástrelo hacia abajo. para seleccionar el rectángulo, haga clic en el gráfico y, a continuación, presione la tecla ESC hasta que la barra de herramientas del panel de propiedades muestre Rectangle1 como el objeto seleccionado.

  7. Arrastre la esquina superior izquierda de la matriz al interior del rectángulo situado debajo del gráfico.

  8. Coloque el gráfico y la matriz dentro del rectángulo.

  9. En el panel de propiedades del rectángulo, establezca Marcador en YearlySalesRectangle.

  10. Mueva el rectángulo hasta situarlo debajo del cuadro de texto de alternancia.

Utilice los rectángulos como contenedores para facilitar la ubicación de varios elementos de informe relacionados.

Para agregar un vínculo desde el texto a un marcador

  1. Haga clic en el cuadro de texto tbScenario hasta que aparezca todo el texto.

  2. Resalte la palabra línea, haga clic con el botón secundario y abra el cuadro de diálogo Propiedades del texto.

  3. En la página Fuente, establezca el valor de Color en Azul y el de Efectos en Subrayado.

  4. En la página Acción, haga clic en Ir a marcador.

  5. En Seleccionar marcador, escriba YearlySalesRectangle.

  6. Repita los pasos 2 a 4 para la palabra minigráfico.

  7. En Seleccionar marcador, escriba MatrixwithNestedSparkline.

Para obtener una vista previa y comprobar el informe

  1. Obtenga una vista previa del informe.

  2. Compruebe lo siguiente:

    1. La etiqueta, gráfico de líneas y matriz con el minigráfico anidado tienen el mismo ancho y se alinean entre sí en un contenedor de rectángulo.

    2. El gráfico de líneas y el minigráfico muestran los mismos datos. Por ejemplo, las ventas de 2005 solo se producen durante la última mitad del año.

    3. Los colores de las líneas del gráfico de líneas muestran la siguiente presentación de los datos de ventas por año: azul para 2005, naranja para 2006, verde para 2007.

    4. Alterne el texto del escenario y, a continuación, haga clic en línea. El informe pasa a la página que contiene el rectángulo con el gráfico de líneas.

    5. Desplácese a la parte superior del informe. En el texto del escenario, haga clic en minigráfico. El informe pasa a la página que contiene la matriz y el minigráfico anidado.