Esercitazione: Aggiungere un istogramma al report (Generatore report)Tutorial: Add a Column Chart to Your Report (Report Builder)

In questa esercitazione si creerà un report impaginato di Reporting ServicesReporting Services con un istogramma che visualizza una serie come set di barre verticali raggruppate per categoria.In this tutorial, you create a Reporting ServicesReporting Services paginated report with a column chart displaying a series as a set of vertical bars grouped by category.

Gli istogrammi sono utili per:Column charts are useful to:

  • Mostrare le modifiche apportate in un determinato periodo di tempo.Show data changes over a period of time.
  • Confrontare il valore relativo di più serie.Compare the relative value of multiple series.
  • Visualizzare una media mobile per indicare le tendenze.Display a moving average to show trends.

Nell'illustrazione seguente è mostrato l'istogramma che verrà creato con una media mobile.The following illustration shows the column chart you will create, with a moving average.

report-builder-column-chart-tutorial

Nota

In questa esercitazione, i passaggi per la procedura guidata sono consolidati in un'unica procedura.In this tutorial, the steps for the wizard are consolidated into one procedure. Per istruzioni dettagliate su come selezionare un server di report, come scegliere un'origine dati e come creare un set di dati, vedere la prima esercitazione di questa serie: Esercitazione: Creazione di un report tabella semplice (Generatore report).For step-by-step instructions about how to browse to a report server, choose a data source, and create a dataset, see the first tutorial in this series: Tutorial: Creating a Basic Table Report (Report Builder).

Tempo previsto per il completamento di questa esercitazione: 15 minuti.Estimated time to complete this tutorial: 15 minutes.

RequisitiRequirements

Per informazioni sui requisiti, vedere Prerequisiti per le esercitazioni (Generatore report).For information about requirements, see Prerequisites for Tutorials (Report Builder).

1. Creare un report grafico da Creazione guidata grafico1. Create a Chart Report from the Chart Wizard

In questa sezione si usa Creazione guidata grafico per creare un set di dati incorporato, scegliere un'origine dati condivisa e creare un istogramma.In this section, you go through the Chart Wizard to create an embedded dataset, choose a shared data source, and create a column chart.

Nota

La query di questa esercitazione contiene i valori dei dati, pertanto non è necessaria un'origine dati esterna.The query in this tutorial contains the data values, so it does not need an external data source. Tale condizione rende tuttavia la query piuttosto lunga.This makes the query quite long. In una query di un ambiente aziendale non sarebbe incluso alcun dato.In a business environment, a query would not contain the data. Questo esempio è solo a scopo illustrativo.This is for learning purposes only.

Per creare un report graficoTo create a chart report

  1. Avviare Generatore report dal computer, dal portale Web di Reporting ServicesReporting Services o in modalità integrata SharePoint.Start Report Builder either from your computer, the Reporting ServicesReporting Services web portal, or SharePoint integrated mode.

    Si apre la finestra di dialogo Nuovo report o set di dati .The New Report or Dataset dialog box opens.

    Se la finestra di dialogo Nuovo report o set di dati non viene visualizzata, scegliere Nuovo dal menu File.If you don't see the New Report or Dataset dialog box, on the File menu > New.

  2. Nel riquadro sinistro verificare che sia selezionata l'opzione Nuovo report .In the left pane, verify that New Report is selected.

  3. Nel riquadro a destra fare clic su Creazione guidata grafico.In the right pane, click Chart Wizard.

  4. Nella pagina Scegliere un set di datifare clic su Crea un set di dati, quindi scegliere Avanti.On the Choose a dataset page, click Create a dataset, and then click Next.

  5. Nella pagina Scegliere una connessione a un'origine dati selezionare un'origine dati esistente o trovare il server di report, quindi selezionare un'origine dati e fare clic su Avanti.On the Choose a connection to a data source page, select an existing data source or browse to the report server and select a data source, and then click Next. Potrebbe essere necessario immettere un nome utente e una password.You may need to enter a user name and password.

    Nota

    L'origine dati scelta non ha importanza purché si disponga delle autorizzazioni appropriate.The data source you choose is unimportant, as long as you have adequate permissions. Non verranno recuperati dati dall'origine dati.You will not be getting data from the data source. Per altre informazioni, vedere Modalità alternative di acquisizione di una connessione dati (Generatore report).For more information, see Alternative Ways to Get a Data Connection (Report Builder).

  6. Nella pagina Progetta query fare clic su Modifica come testo.On the Design a query page, click Edit as Text.

  7. Incollare la query seguente nel relativo riquadro:Paste the following query into the query pane:

    SELECT CAST('2015-01-01' AS date) AS SalesDate, CAST(54995.21 AS money) AS Sales  
    UNION SELECT CAST('2015-01-05' AS date) AS SalesDate, CAST(64499.04 AS money) AS Sales  
    UNION SELECT CAST('2015-02-11' AS date) AS SalesDate, CAST(37821.79 AS money) AS Sales  
    UNION SELECT CAST('2015-03-18' AS date) AS SalesDate, CAST(53633.08 AS money) AS Sales  
    UNION SELECT CAST('2015-04-23' AS date) AS SalesDate, CAST(24019.3 AS money) AS Sales  
    UNION SELECT CAST('2015-05-01' AS date) AS SalesDate, CAST(93245.5 AS money) AS Sales  
    UNION SELECT CAST('2015-06-06' AS date) AS SalesDate, CAST(55288.0 AS money) AS Sales  
    UNION SELECT CAST('2015-06-16' AS date) AS SalesDate, CAST(68733.5 AS money) AS Sales  
    UNION SELECT CAST('2015-07-16' AS date) AS SalesDate, CAST(24750.85 AS money) AS Sales  
    UNION SELECT CAST('2015-08-23' AS date) AS SalesDate, CAST(43452.3 AS money) AS Sales  
    UNION SELECT CAST('2015-09-24' AS date) AS SalesDate, CAST(58656. AS money) AS Sales  
    UNION SELECT CAST('2015-10-15' AS date) AS SalesDate, CAST(44583. AS money) AS Sales  
    UNION SELECT CAST('2015-11-21' AS date) AS SalesDate, CAST(81568. AS money) AS Sales  
    UNION SELECT CAST('2015-12-15' AS date) AS SalesDate, CAST(45973. AS money) AS Sales  
    UNION SELECT CAST('2015-12-26' AS date) AS SalesDate, CAST(96357. AS money) AS Sales  
    UNION SELECT CAST('2015-12-31' AS date) AS SalesDate, CAST(81946. AS money) AS Sales  
    
  8. (Facoltativo) Fare clic sul pulsante Esegui (!) per visualizzare i dati sui quali verrà basato il grafico.(Optional) Click the Run button (!) to see the data your chart will be based on.

  9. Scegliere Avanti.Click Next.

2. Scegliere il tipo di grafico2. Choose the Chart Type

È possibile scegliere tra diversi tipi predefiniti di grafico, quindi modificare il grafico dopo aver completato la procedura guidata.You can choose from several predefined chart types, and then modify the chart after you complete the wizard.

Per aggiungere un istogrammaTo add a column chart

  1. L'istogramma è il tipo di grafico predefinito nella pagina Scegliere un tipo di grafico .On the Choose a chart type page, the column chart is the default chart type. Scegliere Avanti.Click Next.

  2. Nella pagina Disponi campi del grafico trascinare il campo SalesDate in Categorie.On the Arrange chart fields page, drag the SalesDate field to Categories. Le categorie vengono visualizzate sull'asse orizzontale.Categories display on the horizontal axis.

  3. Trascinare il campo Sales in Valori.Drag the Sales field to Values. Nella casella Valori viene visualizzato Sum(Sales) perché per ogni data viene aggregata la somma dei totali di vendita.The Values box displays Sum(Sales) because the sum of the sales total value is aggregated for each date. I valori vengono visualizzati sull'asse verticale.Values display on the vertical axis.

  4. Scegliere Avanti.Click Next.

  5. Fare clic su Fine.Click Finish.

    Il grafico verrà aggiunto all'area di progettazione.The chart is added to the design surface. Si noti che il nuovo grafico a colonne include solo dati rappresentativi.Note that the new column chart just shows representational data. La legenda visualizza Sales Date A, Sales Date B e così via per dare un'idea dell'aspetto finale del report.The legend reads Sales Date A, Sales Date B, etc., just to give an idea of what your report will look like.

    report-builder-column-chart-1-design-view

  6. Fare clic sul grafico per visualizzarne gli handle.Click the chart to display the chart handles. Trascinare l'angolo inferiore destro del grafico per ingrandirlo.Drag the bottom-right corner of the chart to increase the size of the chart. Le dimensioni dell'area di progettazione del report vengono aumentate in base alle dimensioni del grafico.Note that the report design surface increases in size to accommodate the chart size.

  7. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

    report-builder-column-chart-1-preview

Osservare che sull'asse orizzontale del grafico non viene assegnata un'etichetta a ogni categoria.Note that the chart does not label every category on the horizontal axis. Per impostazione predefinita, vengono incluse solo le etichette che possono essere posizionate accanto all'asse.By default, only labels that fit next to the axis are included.

3. Formattare una data sull'asse orizzontale3. Format a Date on the Horizontal Axis

Per impostazione predefinita, sull'asse orizzontale vengono visualizzati valori in un formato generale che viene ridimensionato automaticamente in base alle dimensioni del grafico.By default, the horizontal axis displays values in a general format that is automatically scaled to fit the size of the chart.

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare clic con il pulsante destro del mouse sull'asse orizzontale > Proprietà asse orizzontale.Right-click the horizontal axis > Horizontal Axis Properties.

  3. Nella scheda Numero , in Categoriaselezionare Data.On the Number tab, in Category, select Date.

  4. Nella casella Tipo selezionare 31 gennaio 2000.In the Type box, select 31 Jan 2000.

  5. Fare clic su OK.Click OK.

  6. Nella scheda Home fare clic su Esegui per visualizzare l'anteprima del report.On the Home tab, click Run to preview the report.

La data viene visualizzata nel formato selezionato.The date displays in the date format that you selected. Il grafico continua a non assegnare un'etichetta a ogni categoria dell'asse orizzontale.The chart still does not label every category on the horizontal axis.

report-builder-column-chart-2-preview

È possibile personalizzare la visualizzazione delle etichette ruotandole e specificando l'intervallo.You can customize the label display by rotating the labels and specifying the interval.

4. Ruotare le etichette asse sull'asse orizzontale4. Rotate the axis labels on the horizontal axis

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare clic con il pulsante destro del mouse sul titolo dell'asse orizzontale, quindi scegliere Mostra titolo asse per rimuovere il titolo.Right-click the horizontal axis title, then click Show Axis Title to remove the title. Poiché sull'asse orizzontale vengono visualizzate le date, il titolo non è necessario.Because the horizontal axis displays dates, the title is not needed.

  3. Fare clic con il pulsante destro del mouse sull'asse orizzontale > Proprietà asse orizzontale.Right-click the horizontal axis > Horizontal Axis Properties.

  4. Nella scheda Etichette , in Modifica opzioni adattamento etichetta asseselezionare Disabilita adattamento.On the Labels tab, under Change axis label auto-fit options, select Disable auto-fit.

  5. In Angolo di rotazione etichettaselezionare -90.In Label rotation angle, select -90.

  6. Fare clic su OK.Click OK.

    Il testo di esempio per l'asse orizzontale ruota di 90 gradi.The sample text for the horizontal axis rotates by 90 degrees.

    report-builder-column-chart-rotate-x-axis

  7. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

Nel grafico le etichette appaiono ruotate.On the chart, the labels are rotated.

report-builder-column-chart-rotate-x-axis-preview

5. Spostare la legenda5. Move the Legend

La legenda viene creata automaticamente dai dati di categoria e serie.The legend is automatically created from category and series data. È possibile spostare la legenda al di sotto dell'area del grafico di un istogramma.You can move the legend below the chart area of a column chart.

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare clic con il pulsante destro del mouse sul grafico > Proprietà legenda.Right-click the legend on the chart > Legend Properties.

  3. In Layout e posizioneselezionare una posizione diversa.Under Layout and Position, select a different position. Ad esempio, selezionare l'opzione centrale inferiore.For example, select the bottom middle option.

    Quando la legenda viene posizionata alla fine o all'inizio di un grafico, il relativo layout viene modificato da verticale in orizzontale.When the legend is placed at the top or bottom of a chart, the layout of the legend changes from vertical to horizontal. È possibile selezionare un altro layout nella casella Layout .You can select a different layout in the Layout box.

  4. Fare clic su OK.Click OK.

  5. (Facoltativo) Poiché in questa esercitazione è presente una sola categoria, il grafico non richiede una legenda.(Optional) Because there is only one category in this tutorial, the chart doesn't need a legend. Fare clic con il pulsante destro del mouse sulla legenda > Elimina legenda.To remove it, right-click the legend > Delete Legend.

  6. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

6. Spostare il titolo del grafico6. Title the Chart

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Selezionare le parole Titolo grafico nella parte superiore del grafico, quindi digitare Totali ordini di vendita negozi.Select the words Chart Title at the top of the chart, then type Store Sales Order Totals.

  3. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

7. Formattare l'asse verticale e assegnare un'etichetta7. Format and Label the Vertical Axis

Per impostazione predefinita, sull'asse verticale vengono visualizzati valori in un formato generale che viene ridimensionato automaticamente in base alle dimensioni del grafico.By default, the vertical axis displays values in a general format that is automatically scaled to fit the size of the chart.

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare clic sulle etichette dell'asse verticale sul lato sinistro del grafico per selezionarle.Click the labels on the vertical axis on the left side of the chart to select them.

  3. Nella scheda Home > gruppo Numero fare clic sul pulsante Valuta.On the Home tab > Number group, click the Currency button. Le etichette dell'asse cambiano per mostrare il formato della valuta.The axis labels change to show the currency format.

  4. Fare clic due volte sul pulsante Diminuisci decimali per visualizzare il numero arrotondato al dollaro più vicino.Click the Decrease Decimal button two times, to show the number rounded to the nearest dollar.

  5. Fare clic con il pulsante destro del mouse sull'asse verticale > Proprietà asse verticale.Right-click the vertical axis > Vertical Axis Properties.

  6. Nella scheda Numero osservare che Valuta è già selezionata nella casella Categoria e che in Cifre decimali è già indicato 0 (zero).On the Number tab, note that Currency is already selected in the Category box, and Decimal places is already 0 (zero).

  7. Selezionare Mostra valori in.Check Show Values in. L'opzioneMigliaia è già selezionata.Thousands is already selected.

  8. Fare clic su OK.Click OK.

  9. Fare clic con il pulsante destro del mouse sull'asse verticale > Mostra titolo asse.Right-click the vertical axis > Show Axis Title.

  10. Fare clic con il pulsante destro del mouse sul titolo dell'asse verticale > Proprietà titolo asse.Right-click the vertical axis title > Axis Title Properties.

  11. Sostituire il testo nel campo Testo titolo con il testo Totale vendite (in migliaia).Replace the text in the Title text field with Sales Total (in Thousands). È anche possibile specificare diverse opzioni relative alla formattazione del titolo.You can also specify a variety of options related to how the title is formatted.

  12. Fare clic su OK.Click OK.

  13. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

    report-builder-column-chart-format-y-axis

8. Visualizzare tutte le etichette sull'asse orizzontale (x)8. Show all the labels on the horizontal (x) axis

Si noti che sull'asse x sono visualizzate solo alcune etichette.You notice that only some of the labels on the x axis are showing. In questa sezione si imposterà una proprietà nel riquadro Proprietà per visualizzare tutte le etichette.In this section, you set a property in the Properties pane to show them all.

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare clic sul grafico, quindi selezionare le etichette dell'asse orizzontale.Click the chart, then select the horizontal axis labels.

  3. Nel riquadro Proprietà impostare LabelInterval su 1.In the Properties pane, set LabelInterval to 1.

    report-builder-column-chart-set-label-interval

    Il grafico ha lo stesso aspetto nella visualizzazione Progettazione.The chart looks the same in design view.

  4. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

    report-builder-column-chart-label-interval-one-preview

    Ora il grafico visualizza tutte le etichette.Now the chart displays all its labels.

9. Aggiungere una media mobile con una serie calcolata9. Add a Moving Average with a Calculated Series

Una media mobile è una media dei dati della serie calcolata nel tempo.A moving average is an average of the data in your series, calculated over time. La media mobile favorisce l'identificazione delle tendenze.The moving average can identify trends.

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Fare doppio clic nel grafico per visualizzare il riquadro Dati grafico .Double-click the chart to display the Chart Data pane.

  3. Fare clic con il pulsante destro del mouse sul campo [Sum(Sales)] disponibile nell'area Valori , quindi scegliere Aggiungi serie calcolata.Right-click the [Sum(Sales)] field in the Values area, then click Add Calculated Series.

    report-builder-column-chart-add-calculated-series

  4. In Formulaverificare che sia selezionata l'opzione Media mobile .In Formula, verify that Moving average is selected.

  5. In Imposta parametri formula, per l'opzione Periodoselezionare 4.In Set Formula Parameters, for Period, select 4.

  6. Nella scheda Bordo , in Spessore lineaselezionare 3pt.On the Border tab, in Line width, select 3pt.

  7. Fare clic su OK.Click OK.

  8. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

Nel grafico viene visualizzata una riga in cui è riportata la media mobile delle vendite totali per data, calcolata in base a un intervallo di quattro date.The chart displays a line that shows the moving average for total sales by date, averaged over every four dates. Ulteriori informazioni sull' aggiunta di una media mobile a un grafico.Read more about adding a moving average to a chart.

report-builder-column-chart-moving-average

10. Aggiungere un titolo al report10. Add a Report Title

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Nell'area di progettazione scegliere Fare clic per aggiungere il titolo.On the design surface, click Click to add title.

  3. Digitare Grafico a barre - Vendite, premere INVIO, quindi digitare Gennaio - dicembre 2015in modo da ottenere un risultato simile al seguente:Type Sales Chart, press ENTER, and then type January to December 2015, so it looks like this:

    Grafico a barre - VenditeSales Chart

    Gennaio - dicembre 2015January to December 2015

  4. Selezionare Grafico a barre - Vendite, quindi nella scheda Home > sezione Carattere > Grassetto.Select Sales Chart, and on the Home tab > Font section > Bold.

  5. Selezionare Gennaio - dicembre 2015 e nella scheda Home > sezione Carattere > impostare le dimensioni del carattere su 10.Select January to December 2015, and on the Home tab > Font section > set font size to 10.

  6. (Facoltativo) Per contenere le due righe del testo potrebbe essere necessario aumentare l'altezza della casella di testo Titolo .(Optional) You may need to make the Title text box taller to accommodate the two lines of text. Tirare verso il basso le doppie frecce quando si fa clic al centro del bordo inferiore.Pull down on the double-headed arrows when you click in the middle of the bottom edge. Può anche essere necessario trascinare la parte superiore del grafico in modo che il titolo non si sovrapponga.And you may need to drag the top of the chart so the title doesn't overlap.

    Il titolo viene visualizzato nella parte superiore del report.This title appears at the top of the report. Quando non è definita un'intestazione di pagina, gli elementi nella parte superiore del corpo del report equivalgono a un'intestazione di report.When there is no page header defined, items at the top of the report body are the equivalent of a report header.

  7. Fare clic su Esegui per visualizzare l'anteprima del report.Click Run to preview the report.

11. Salvare il report11. Save the Report

Per salvare il reportTo save the report

  1. Passare alla visualizzazione di progettazione report.Switch to report design view.

  2. Dal pulsante Generatore report fare clic su Salva con nome.From the Report Builder button, click Save As.

    È possibile salvarlo nel computer o nel server di report.You can save it either to your computer or to the report server.

  3. In Nomedigitare Istogramma ordini vendita.In Name, type Sales Order Column Chart.

  4. Fare clic su Salva.Click Save.

Passaggi successiviNext Steps

Questo passaggio conclude l'esercitazione relativa all'aggiunta di un istogramma al report.You have successfully completed the Adding a Column Chart to Your Report tutorial. Per altre informazioni sui grafici, vedere Grafici (Generatore report e SSRS) e Grafici sparkline e barre dei dati (Generatore report e SSRS).To learn more about charts, see Charts (Report Builder and SSRS) and Sparklines and Data Bars (Report Builder and SSRS).

Vedere ancheSee Also