Ottimizzare i report di Power BI per l'app per dispositivi mobiliOptimize Power BI reports for the mobile app

Gli utenti di dispositivi mobili possono visualizzare qualsiasi pagina del report di Power BI con orientamento orizzontale.Mobile users can view any Power BI report page in landscape orientation. Tuttavia gli autori di report possono creare una visualizzazione aggiuntiva ottimizzata per i dispositivi mobili, che viene visualizzata con orientamento verticale.However, report authors can create an additional view that is optimized for mobile devices and displays in portrait orientation. Questa opzione di progettazione, disponibile sia in Power BI Desktop sia nel servizio Power BI, consente agli autori di selezionare e ridisporre solo gli oggetti visivi appropriati per gli utenti di dispositivi mobili.This design option, which is available in both Power BI Desktop and in the Power BI service, enables authors to select and rearrange just those visuals that make sense for mobile users on the go.

Screenshot dei report ottimizzati per i dispositivi mobili con orientamento verticale e orizzontale.

Power BI offre una serie di funzionalità che consentono di creare versioni dei report ottimizzate per i dispositivi mobili:Power BI provides a number of features to help you create mobile-optimized versions of your reports:

  • Una visualizzazione del layout per dispositivi mobili, in cui è possibile creare un report ottimizzato per dispositivi mobili trascinando gli oggetti visivi in un'area di disegno dell'emulatore di Windows Phone.A mobile layout view where you can create your mobile-optimized report by dragging and dropping visuals onto a phone emulator canvas.
  • Oggetti visivi e filtri dei dati che possono essere ottimizzati per l'uso su schermi di dispositivi mobili di piccole dimensioni.Visuals and slicers that can be optimized for use on small, mobile screens.

Queste funzionalità rendono possibile la progettazione e la creazione di report interattivi e accattivanti ottimizzati per dispositivi mobili.These capabilities make it possible to design and build attractive, interactive mobile-optimized reports.

Creare una versione verticale di una pagina del report ottimizzata per dispositivi mobiliCreate a mobile-optimized portrait version of a report page

Prerequisito: Il primo passaggio è la progettazione e la creazione del report nella visualizzazione Web normale.Prerequisite: The first step is to design and create the report in the regular web view. Dopo aver creato il report, è possibile ottimizzarlo per telefoni e tablet.After you've created the report, you can optimize it for phones and tablets.

Per creare la visualizzazione ottimizzata per dispositivi mobili, aprire il report in Power BI Desktop o nel servizio Power BI.To create the mobile-optimized view, open the report in either Power BI Desktop or in the Power BI service. Quando il report è aperto, passare alla visualizzazione Layout dispositivo mobile:When the report is open, go the mobile layout view:

  • In Power BI Desktop selezionare la barra multifunzione Visualizzazione e scegliere Layout dispositivo mobile.In Power BI Desktop, select the View ribbon and choose Mobile layout.
  • Nel servizio Power BI scegliere Modifica report > Layout dispositivo mobile.In the Power BI service, choose Edit report > Mobile Layout. Se l'opzione Modifica non è visibile, cercare in Altre opzioni (...) .If the Edit option is not visible, look under More options (...).

Viene visualizzata un'area di disegno scorrevole con la forma di un telefono e un riquadro Visualizzazioni con l'elenco di tutti gli oggetti visivi presenti nella pagina originale del report.You see a scrollable canvas shaped like a phone, and a Visualizations pane that lists all of the visuals that are on the original report page.

  • Ogni oggetto visivo nel riquadro Visualizzazioni appare con il nome, per facilitarne l'identificazione.Each visual in the Visualizations pane appears with its name for easy identification.

  • Ogni oggetto visivo ha anche un indicatore di visibilità.Each visual also has a visibility indicator. L'indicatore di visibilità di un oggetto visivo cambia a seconda dello stato di visibilità dell'oggetto visivo nello stato corrente della visualizzazione report Web.The visibility indicator of a visual changes depending on the visibility status of the visual in the current state of the web report view. L'indicatore di visibilità è utile quando si utilizzano i segnalibri.The visibility indicator is useful when working with bookmarks.

    Visualizzazione Layout dispositivo mobile

Aggiungere oggetti visivi all'area di disegno del layout per dispositivi mobiliAdd visuals to the mobile layout canvas

Per aggiungere un oggetto visivo al layout per dispositivi mobili, trascinarlo dal riquadro Visualizzazioni all'area di disegno del telefono.To add a visual to the mobile layout, drag it from the Visualizations pane to the phone canvas. Quando si trascina l'oggetto visivo nell'area di disegno, l'oggetto viene agganciato alla griglia.When you drag the visual to the canvas, it snaps to the grid. In alternativa è possibile fare doppio clic sull'oggetto visivo nel riquadro di visualizzazione e l'oggetto visivo verrà aggiunto al canvas.Alternatively, you can double-click the visual in the visualization pane and the visual will be added to the canvas.

È possibile aggiungere alcuni o tutti gli oggetti visivi della pagina del report Web alla pagina del report ottimizzato per dispositivi mobili.You can add some or all of the web report page visuals to the mobile-optimized report page. È possibile aggiungere ogni oggetto visivo solo una volta, e non è necessario includere tutti gli oggetti visivi.You can add each visual only once, and you don't have to include all the visuals.

Nota

È possibile trascinare e rilasciare oggetti visivi nascosti nell'area di disegno.You can drag and drop hidden visuals onto the canvas. Questi oggetti verranno posizionati ma non visualizzati, a meno che il loro stato di visibilità non cambi nella visualizzazione report Web corrente.They will be placed, but not shown unless their visibility status changes in the current web report view.

Gli oggetti visivi possono essere sovrapposti per creare report interattivi tramite i segnalibri oppure per compilare report interessanti sovrapponendo oggetti visivi alle immagini.Visuals can be layered one on top of the other to create interactive reports using bookmarks, or to build attractive reports by layering visuals over images. È possibile modificare l'ordine dei livelli degli oggetti visivi nel riquadro Selezione.You can change the layering order of the visuals in the Selection pane.

Dopo aver inserito un oggetto visivo nell'area di disegno, è possibile ridimensionarlo trascinando i quadratini visualizzati lungo il bordo dell'oggetto visivo quando viene selezionato.Once you've placed a visual on the canvas, you can resize it by dragging the handles that appear around the edge of the visual when you select it. Per mantenere le proporzioni dell'oggetto visivo durante il ridimensionamento, premere MAIUSC mentre si trascinano i quadratini di ridimensionamento.To maintain the visual's aspect ratio while resizing, press the Shift key while dragging the resize handles.

L'immagine seguente illustra il trascinamento e il rilascio di oggetti visivi dal riquadro Visualizzazioni all'area di disegno e il ridimensionamento e la sovrapposizione di alcuni di essi.The image below illustrates dragging and dropping visuals from the Visualizations pane onto the canvas, as well as resizing and overlaying some of them.

Trascinare, ridimensionare e sovrapporre oggetti visivi

La griglia del report per il telefono viene ridimensionata per telefoni di dimensioni differenti, quindi il report avrà un aspetto efficace sia nei telefoni con schermo piccolo che su quelli con schermo grande.The phone report grid scales across phones of different sizes, so your report looks good on small- and large-screen phones.

Impostare l'ordine dei livelli degli oggetti visivi nel canvas del layout per dispositivi mobiliSet the layering order of visuals on the mobile layout canvas

Ogni volta che si trascina un oggetto visivo nel canvas, viene aggiunto al relativo livello sopra gli altri oggetti visivi già presenti nel canvas.Each time you drag a visual onto the canvas, it is added on its own layer on top of any other visuals that are already on the canvas. Il riquadro Selezione consente di modificare l'ordine dei livelli.The Selection pane enables you to change the layering order.

Per aprire il riquadro Selezione, fare clic sul pulsante Selezione nella sezione Mostra riquadri della scheda Visualizza.To open the Selection pane, click the Selection button in the Show panes section on the View tab.

Nel riquadro Selezione sono elencati tutti gli oggetti visivi presenti nel canvas.The Selection pane lists all the visuals that are on the canvas. L'ordine dell'elenco riflette l'ordinamento dei livelli nel canvas: il primo oggetto visivo dell'elenco è al livello più alto, l'ultimo oggetto visivo dell'elenco è al livello più basso.The order of the list reflects the layer ordering on the canvas - the first listed visual is on the top-most layer, the last listed visual is on the bottom-most layer. Per modificare l'ordine, è possibile trascinare e rilasciare un oggetto visivo in un'altra posizione nell'elenco oppure selezionare un oggetto visivo e usare i pulsanti freccia per spostarlo in alto o in basso.To change the order, you can either drag and drop a visual to another place on the list, or select a visual and use the arrow buttons to move it up or down.

Il riquadro Selezione include anche un'indicazione sulla visibilità per ogni oggetto visivo dell'elenco, ma non è possibile modificare la visibilità nella visualizzazione Layout dispositivo mobile. Questa operazione deve essere eseguita nella normale visualizzazione layout Web.The Selection pane also has a visibility indication for each visual in the list, but it is not possible to change the visibility in the mobile layout view - this must be done in the regular web layout view.

Screenshot che illustra il riquadro di selezione e come si apre.

Rimuovere gli oggetti visivi dall'area di disegno del layout per dispositivi mobiliRemove visuals from the mobile layout canvas

Per rimuovere un oggetto visivo dal layout per dispositivi mobili, fare clic sulla X nell'angolo superiore destro dell'oggetto visivo nell'area di disegno del telefono oppure selezionare l'oggetto visivo e premere CANC.To remove a visual from the mobile layout, click the X in the top-right corner of the visual on the phone canvas, or select the visual and press Delete.

È possibile rimuovere tutte le visualizzazioni dall'area di disegno facendo clic sulla gomma nel riquadro Visualizzazioni.You can remove all the visualizations from the canvas by clicking the eraser on the Visualization pane.

La rimozione di oggetti visivi dall'area di disegno del layout per dispositivi mobili rimuove gli oggetti solo dall'area di disegno.Removing visuals from the mobile layout canvas removes them from the canvas only. Gli oggetti visivi restano visualizzati nel riquadro Visualizzazioni e il report originale rimane invariato.The visuals still appear in the visualization pane, and the original report remains unaffected.

Configurare oggetti visivi e filtri dei dati da usare nei report ottimizzati per dispositivi mobiliConfigure visuals and slicers for use in mobile-optimized reports

Oggetti visiviVisuals

Per impostazione predefinita, molti oggetti visivi, specie gli oggetti visivi di tipo grafico, sono reattivi.By default, many visuals, particularly chart-type visuals, are responsive. Questo significa che cambiano in modo dinamico per visualizzare la quantità massima di dati e informazioni dettagliate, indipendentemente dalle dimensioni dello schermo.That means they change dynamically to display the maximum amount of data and insight, no matter the screen size.

Quando le dimensioni dell'oggetto visivo cambiano, Power BI assegna la priorità ai dati.As a visual changes size, Power BI gives priority to the data. Ad esempio può rimuovere il riempimento e spostare la legenda nella parte superiore dell'oggetto visivo automaticamente, in modo che l'oggetto visivo rimanga informativo anche con dimensioni ridotte.For example, it might remove padding and move the legend to the top of the visual automatically so that the visual remains informative even as it gets smaller.

Ridimensionamento di oggetti visivi reattivi

Se per qualsiasi motivo si vuole disattivare la reattività, è possibile farlo nella sezione Generale delle impostazioni formato dell'oggetto visivo.If for some reason you want to turn responsiveness off, you can do that in the General section of the visual's format settings.

Filtri dei datiSlicers

I filtri dei dati possono essere applicati nell'area di disegno dei dati del report.Slicers offer on-canvas filtering of report data. Quando si progettano i filtri dei dati nella normale modalità di creazione dei report, è possibile modificare alcune impostazioni di filtro dei dati per facilitarne l'uso nei report ottimizzati per dispositivi mobili:When designing slicers in the regular report authoring mode, you can modify some slicer settings to make them more usable in mobile-optimized reports:

  • È possibile decidere se consentire a chi visualizza il report di selezionare un solo elemento o più elementi.You can decide whether to allow report readers to select only one item or multiple items.
  • È possibile impostare il filtro dei dati come verticale, orizzontale o reattivo (i filtri dei dati reattivi devono essere orizzontali).You can make the slicer vertical, horizontal, or responsive (responsive slicers must be horizontal).

Se si imposta il filtro dei dati come reattivo, variando le dimensioni e la forma visualizza più o meno opzioni.If you make the slicer responsive, as you change its size and shape it shows more or fewer options. Può essere alto, basso, largo o stretto.It can be tall, short, wide, or narrow. Se lo si imposta molto piccolo, diventa un'icona di filtro nella pagina del report.If you make it small enough, it becomes just a filter icon on the report page.

Filtro dei dati reattivo di Power BI

Altre informazioni sulla creazione di filtri dei dati reattivi.Read more about creating responsive slicers.

Pubblicare un report ottimizzato per dispositivi mobiliPublish a mobile-optimized report

Per pubblicare una versione di un report ottimizzata per dispositivi mobili, pubblicare il report principale da Power BI Desktop al servizio Power BI.To publish a mobile-optimized version of a report, publish the main report from Power BI Desktop to the Power BI service. Questa operazione pubblica simultaneamente anche la versione ottimizzata per dispositivi mobili.This publishes the mobile-optimized version at the same time.

Visualizzazione di report ottimizzati e non ottimizzati su un telefono o un tabletViewing optimized and unoptimized reports on a phone or tablet

Nelle app Power BI per dispositivi mobili i report ottimizzati per dispositivi mobili sono indicati da un'icona speciale.In the Power BI mobile apps, mobile-optimized reports are indicated by a special icon.

Icona del report ottimizzato per dispositivi mobili

Sui telefoni l'app rileva automaticamente se il report è ottimizzato per dispositivi mobili.On phones, the app automatically detects whether the report is mobile-optimized or not.

  • Se esiste un report ottimizzato per dispositivi mobili, l'app apre automaticamente il report in modalità ottimizzata per dispositivi mobili.If a mobile-optimized report exists, the app automatically opens the report in mobile-optimized mode.
  • Se non esiste un report con ottimizzazione per dispositivi mobili, il report viene aperto in visualizzazione orizzontale non ottimizzata.If a mobile-optimized report doesn’t exist, the report opens in the unoptimized, landscape view.

Se si tiene il telefono in posizione orizzontale, il report (ottimizzato o non ottimizzato) viene aperto nella visualizzazione non ottimizzata con il layout originale.Holding a phone in landscape orientation opens the report in the unoptimized view with the original report layout, regardless of whether the report is optimized or not.

Se si ottimizzano solo alcune pagine, quando i lettori passano a una pagina non ottimizzata visualizzano una richiesta di passaggio alla visualizzazione orizzontale.If you optimize only some pages, when readers come to an unoptimized page they will be prompted to switch to landscape view. Ruotando lateralmente il telefono o il tablet potranno visualizzare la pagina in modalità orizzontale.Turning the phone or tablet sideways will enable them to see the page in landscape mode. Altre informazioni su come interagire con i report di Power BI ottimizzati per il layout verticale.Read more about interacting with Power BI reports optimized for portrait mode.

Pagina di telefono non ottimizzata

Considerazioni per la creazione di layout ottimizzati per dispositivi mobiliConsiderations when creating mobile-optimized layouts

  • Per i report con più pagine, è possibile ottimizzare solo alcune pagine o tutte le pagine.For reports with multiple pages, you can optimize all the pages or just a few.
  • Se è stato definito un colore di sfondo per una pagina del report, il report ottimizzato per dispositivi mobili avrà lo stesso colore di sfondo.If you've defined a background color for a report page, the mobile-optimized report will have the same background color.
  • Non è possibile modificare le impostazioni di formattazione solo per il report ottimizzato per dispositivi mobili.You can't modify format settings just for the mobile-optimized report. La formattazione è coerente tra layout master e layout per dispositivi mobili.Formatting is consistent between the master and mobile layouts. Ad esempio le dimensioni dei caratteri sono le stesse.For example, the font sizes will be the same.
  • Per modificare un oggetto visivo, ad esempio per cambiare la formattazione, il set di dati, i filtri o qualsiasi altro attributo, tornare alla modalità di creazione dei report Web.To change a visual, such as changing its formatting, dataset, filters, or any other attribute, return to the web report authoring mode.

Passaggi successiviNext steps