Condividi tramite

  • Articolo

Lezione 2: Aggiunta di grafici sparkline e a linee (SSRS)

In questa lezione verrà illustrato come aggiungere elementi al report Employee_Sales_Summary_2008R2 che consente di rispondere alla domanda seguente di un venditore di AdventureWorks:

  • Come confrontare le vendite stagionali con le vendite degli anni precedenti?

Verranno aggiunti un grafico a linee e un grafico sparkline incorporati in una matrice per visualizzare i dati delle vendite anno per anno dal set di dati EmployeeSalesYearOverYear2008R2.

Lezioni dell'esercitazione

In questa lezione verranno effettuate le attività seguenti:

  • Visualizzare le vendite mensilmente per diversi anni su un grafico a linee.

  • Visualizzare gli stessi dati in una matrice aggiungendo un grafico sparkline nidificato.

  • Aggiungere codice personalizzato per controllare i colori delle linee di ogni grafico in modo che lo stesso colore rappresenti il medesimo anno.

  • Aggiungere un contenitore rettangolare per il testo esplicativo, il grafico a linee e la matrice.

  • Aggiungere un segnalibro dalle parole nel testo dello scenario all'area dati corrispondente.

Il tempo stimato per completare l'esercitazione è di 15 minuti.

Requisiti

Per informazioni sui requisiti, vedere Prerequisiti per i report di esempio di AdventureWorks 2008R2 (SSRS).

In questa lezione si presuppone che sia stata completata la Lezione 1: creazione di set di dati condivisi e configurazione di parametri di report (SSRS).

Suggerimenti

Rivedere i suggerimenti per la configurazione delle aree dati prima nell'area di progettazione e quindi dell'aggiunta delle stesse ai rettangoli. Per ulteriori informazioni, vedere Suggerimenti relativi alla progettazione di report (Generatore report 3.0 e SSRS).

Per aprire il progetto e il report

  1. In Business Intelligence Development Studio aprire i report di esempio AdventureWorks 2008R2 del progetto server di report creato nella lezione precedente.

  2. Aprire il report Employee_Sales_Summary_2008R2.

Per espandere l'altezza del report al fine di fare spazio ai grafici

  1. Selezionare il rettangolo contenente il testo informativo su parametri, origini dati e set di dati.

  2. Premere il tasto freccia in giù per spostare il rettangolo verso la parte inferiore della pagina. L'altezza del report viene aumentata automaticamente.

  3. Se necessario, utilizzare Zoom nella barra degli strumenti Report per regolare la vista dell'area di progettazione del report.

Per aggiungere e configurare un grafico a linee

  1. Inserire un Grafico sotto le caselle di testo dello scenario.

  2. In Seleziona tipo di grafico utilizzare la descrizione comando per scegliere il grafico Linee.

  3. Trascinare il grafico sul lato sinistro del report, sotto la casella di testo con l'elemento Toggle. Utilizzare CTRL + tasti di direzione per spostare il grafico nella posizione corretta.

  4. Verificare che il grafico sia selezionato e che le relative proprietà siano visualizzate nel riquadro Proprietà.

  5. Utilizzare MAIUSC + tasti di direzione per espandere la larghezza e l'altezza del grafico a circa 3,75 pollici. Nel riquadro Proprietà espandere Dimensioni per verificare l'altezza e la larghezza.

  6. Dal set di dati EmployeeSalesYearOverYear2008R2 effettuare le operazioni seguenti:

    1. Trascinare Sales in Valori nel riquadro Dati grafico. In questo modo viene definito l'asse verticale.

    2. Trascinare Month in Gruppi di categorie. In questo modo viene definito l'asse orizzontale.

    3. Nel riquadro Dati grafico fare clic con il pulsante destro del mouse su Month per configurare Proprietà gruppo categorie. Nella pagina Ordinamento ordinare per MonthNumber. In questo modo viene controllato l'ordinamento sull'asse orizzontale.

    4. Trascinare Year in Gruppi di serie. In questo modo viene aggiunta una linea per ogni anno.

  7. Fare clic con il pulsante destro del mouse sul grafico finché non viene selezionata la serie e aprire Proprietà serie.

  8. Nella pagina Bordo effettuare le operazioni seguenti:

    1. Impostare Stile linea su Continuo.

    2. Impostare Spessore linea su 2pt.

I colori delle linee vengono assegnati automaticamente da una tavolozza di colori predefinita. I colori vengono assegnati in base all'ordinamento del gruppo di serie.

Per configurare il titolo e gli assi del grafico

  1. Impostare il titolo del grafico su Confronto vendite annuali.

  2. Modificare la posizione della legenda della serie spostandola sotto l'asse orizzontale.

  3. Eliminare il titolo dell'asse orizzontale.

  4. Modificare il titolo dell'asse verticale in In migliaia.

  5. Aprire Proprietà asse verticale. Effettuare le operazioni seguenti:

    1. Nella pagina Numero in Categoria fare clic su Valuta.

    2. Impostare Cifre decimali su 0.

    3. Selezionare Usa separatore delle migliaia.

    4. Selezionare Mostra valori in e scegliere Migliaia.

  6. Aprire Proprietà asse orizzontale. Nella pagina Opzioni asse effettuare le operazioni seguenti:

    1. In Tipo asse selezionare Scalare (numeri/date).

    2. Impostare Intervallo su 1.

  7. Nella pagina Etichette selezionare Disabilita adattamento e impostare Angolo di rotazione etichette (gradi) su 45.

  8. Nella pagina Numero impostare Categoria su Data e Tipo su *1/31/2000.

Per aggiungere una matrice

  1. Inserire una matrice sotto il grafico a linee.

  2. Allineare il lato sinistro della matrice con il lato sinistro del grafico a linee.

  3. Dal set di dati EmployeeSalesYearOverYear effettuare le operazioni seguenti:

    1. Trascinare Year in Righe.

    2. Trascinare Sales in Dati. Formattare la casella di testo come Valuta.

    3. Formattare la riga di intestazione in base alle esigenze.

  4. Selezionare la matrice. Nel riquadro Proprietà impostare Segnalibro su MatrixwithNestedSparkline.

  5. Formattare l'intestazione della matrice in base alle esigenze.

Per aggiungere un grafico sparkline nidificato a una cella della Tablix

  1. Nella matrice fare clic con il pulsante destro del mouse sulla colonna Vendite, scegliere Inserisci colonna e fare clic su Gruppo esterno - A destra.

  2. Selezionare l'handle della colonna ed espandere la larghezza per eseguire l'allineamento al lato destro del grafico.

  3. Fare clic con il pulsante destro del mouse sull'ultima cella della seconda riga, scegliere Inserisci, fare clic su Grafico sparkline e utilizzare Descrizione comando per aggiungere Linee con marcatori.

  4. Per configurare il grafico sparkline, effettuare le operazioni seguenti:

    1. Dal set di dati EmployeeSalesYearOverYear trascinare Sales in Valori.

    2. Trascinare Month in Gruppi di categorie.

    3. Fare clic con il pulsante destro del mouse su Month per aprire la finestra di dialogo Proprietà gruppo categorie.

    4. In Sincronizza gruppi in della pagina Generale selezionare Tablix1. Sull'asse delle categorie per ogni grafico sparkline saranno utilizzati gli stessi valori minimo e massimo basati su tutti i dati del gruppo della matrice anziché sui dati del gruppo per ogni singola riga.

    5. Nella pagina Ordinamento impostare l'espressione Ordina per su [MonthNumber].

Per un grafico sparkline nidificato è disponibile solo un gruppo di serie nell'ambito, pertanto il colore per ogni linea si basa sul primo colore dalla tavolozza di colori predefinita.

Nel passaggio successivo verrà aggiunto codice personalizzato per controllare l'ordine dei colori assegnati a un gruppo di serie in base all'espressione di raggruppamento. In questo modo, il colore della linea per ogni anno sarà uguale sia nel grafico a linee sia in quello sparkline.

Per fare corrispondere i colori delle linee nel grafico a linee e nel grafico sparkline

  1. Nella pagina Codice di Proprietà report aggiungere il codice personalizzato seguente al report:

    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

    In questo esempio, sono disponibili solo tre anni di dati, pertanto sono definiti solo tre colori.

  2. Nel grafico a linee fare clic con il pulsante destro del mouse sulle linee finché la serie del grafico non viene visualizzata nel riquadro Proprietà, quindi fare clic su Proprietà serie.

  3. In Colore nella pagina Riempimento immettere l'espressione seguente:

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

  4. Ripetere i passaggi 2 e 3 per il grafico sparkline.

  5. Visualizzare l'anteprima del report.

Il colore delle linee per ogni anno è uguale sia nel grafico a linee sia in quello sparkline.

Per aggiungere un contenitore rettangolare

  1. Fare clic con il pulsante destro del mouse sul corpo del report, scegliere Inserisci, quindi fare clic su Rettangolo.

  2. In Proprietà rettangolo impostare Nome su rectCharts.

  3. Nel rettangolo aggiungere una casella di testo denominata tbChartPurpose con il testo seguente: Confrontare le vendite stagionali per anno.

  4. Formattare in base alle esigenze.

  5. Selezionare il grafico a linee. Trascinare l'angolo superiore sinistro del grafico nel rettangolo. Il rettangolo si espande per includere il grafico.

  6. Fare clic sull'handle inferiore del rettangolo e trascinarlo verso il basso. Per selezionare il rettangolo, fare clic sul grafico, quindi premere ESC finché nella barra degli strumenti del riquadro Proprietà non viene visualizzato Rectangle1 come oggetto selezionato.

  7. Trascinare l'angolo superiore sinistro della matrice nel rettangolo sotto il grafico.

  8. Posizionare il grafico e la matrice all'interno del rettangolo.

  9. Nel riquadro Proprietà del rettangolo impostare Segnalibro su YearlySalesRectangle.

  10. Spostare il rettangolo sotto la casella di testo con l'elemento Toggle.

Utilizzare i rettangoli come contenitori per posizionare più facilmente diversi elementi del report correlati.

Per aggiungere un collegamento dal testo a un segnalibro

  1. Fare clic sulla casella di testo tbScenario finché non viene visualizzato tutto il testo.

  2. Evidenziare la parola linea, fare clic con il pulsante destro del mouse e aprire la finestra di dialogo Proprietà testo.

  3. Nella pagina Carattere impostare Colore su Blu ed Effetti su Sottolineato.

  4. Nella pagina Azione fare clic su Vai al segnalibro.

  5. In Seleziona un segnalibro immettere YearlySalesRectangle.

  6. Ripetere i passaggi da 2 a 4 per la parola sparkline.

  7. In Seleziona un segnalibro digitare MatrixwithNestedSparkline.

Per visualizzare l'anteprima e verificare il report

  1. Visualizzare l'anteprima del report.

  2. Verificare gli elementi seguenti:

    1. La larghezza dell'etichetta, del grafico a linee e della matrice è uguale a quella del grafico sparkline e sono allineati in un contenitore rettangolare.

    2. Nel grafico a linee e in quello sparkline vengono visualizzati gli stessi dati. Ad esempio, le vendite per il 2005 si verificano solo durante l'ultima metà dell'anno.

    3. I colori delle linee nel grafico a linee e nel grafico sparkline presentano la visualizzazione seguente per i dati di vendita in base all'anno: Blu per il 2005, Arancione per il 2006, Verde per il 2007.

    4. Attivare o disattivare il testo dello scenario, quindi fare clic su linee. Il report passa alla pagina che contiene il rettangolo con il grafico a linee.

    5. Scorrere fino alla parte superiore del report. Nel testo dello scenario fare clic su sparkline. Il report passa alla pagina che contiene la matrice con il grafico sparkline nidificato.