Nota
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare ad accedere o modificare le directory.
L'accesso a questa pagina richiede l'autorizzazione. È possibile provare a modificare le directory.
Si applica a:✅ Power BI Desktop e servizio Power BI
In Power BI, la scheda visiva visualizza le metriche chiave in un formato flessibile e attraente. Ogni scheda mostra un valore di misura con immagini esplicative opzionali, etichette di riferimento e dettagli di supporto. È possibile visualizzare più schede in un singolo oggetto visivo, suddividerle in base alle categorie e personalizzare i layout in base alla progettazione del report.
La combinazione di più misure e etichette di riferimento in un oggetto visivo migliora le prestazioni del report riducendo il tempo di caricamento visivo e ottimizzando le query sottostanti al modello semantico. È anche possibile usare immagini guidate dai dati per creare visualizzazioni personalizzate che rispondono ai dati.
Nota
L'elemento grafico scheda (nuovo) è generalmente disponibile come elemento grafico scheda. I report con l'elemento visivo legacy della scheda continuano a utilizzare l'elemento visivo legacy della scheda.
Creare una visualizzazione a scheda
Nel riquadro Visualizzazioni selezionare la scheda Compila oggetto visivo e quindi selezionare l'oggetto visivo Scheda dalla raccolta di oggetti visivi.
Aggiungere una misura o una colonna di dati al campo Valori.
Ora hai una scheda semplice. È possibile aggiungere tutti i valori desiderati e visualizzare altre schede.
Personalizzare il layout visivo della card
Il visual tipo scheda offre diverse opzioni di layout per rendere gli elementi visivi più organizzati e visivamente accattivanti. Accedere a queste impostazioni selezionando l'icona Formato oggetto visivo nel riquadro Visualizzazioni , quindi selezionare la scheda Oggetto visivo .
Impaginazione a scheda
Il layout delle > controlla la disposizione degli elementi all'interno di ogni scheda. Ogni scheda può avere tre sezioni: callout, immagine ed etichette di riferimento. Usare queste impostazioni per regolare il posizionamento, l'allineamento e la spaziatura di questi elementi.
La visualizzazione della scheda include una disposizione di collage dinamica che consente di evidenziare una sezione mentre le altre due condividono lo spazio residuo. È anche possibile personalizzare l'ordine di visualizzazione del callout, dell'etichetta di riferimento e dell'immagine hero e assegnargli i diversi colori di sfondo.
Layout di callout
Il
Layout delle etichette di riferimento
L'impostazione layout Etichette di riferimento controlla la modalità di organizzazione delle etichette di riferimento all'interno della sezione etichette di riferimento di ogni scheda. È possibile regolare l'allineamento verticale e orizzontale delle etichette di riferimento e personalizzare l'aspetto, inclusi spazi vuoti, spaziatura interna, sfondi e altro ancora.
Layout multi-scheda
Il layout multi-scheda consente di personalizzare la modalità di adattamento di più schede all'interno del contenitore visivo. Quando si dispone di più valori, questa impostazione controlla la disposizione delle schede.
Layout a più categorie
Il layout multicategoria formatta la disposizione di ogni sezione di categoria (ad esempio Canada, Germania). Usare questa impostazione quando sono state aggiunte categorie alla visualizzazione scheda. All'interno di ogni sezione di categoria, le schede vengono disposte in base alle impostazioni di layout multi-scheda.
Dimensioni fisse e Adatta allo spazio
Nella sezione Layout multicard è possibile controllare le dimensioni delle schede all'interno del contenitore visivo:
- Dimensioni fisse: attiva/disattiva questa opzione per specificare le dimensioni esatte dei pixel per ogni scheda. Quando il contenitore visivo non è sufficientemente grande per visualizzare tutte le schede con le dimensioni specificate, le barre di scorrimento vengono visualizzate automaticamente. Quando si ridimensiona la visualizzazione, le schede mantengono le dimensioni specificate anziché scalare proporzionalmente.
- Adattarsi allo spazio: quando attivata, le carte crescono o si riducono per riempire il contenitore visivo in base alle carte presenti. Quando è disattivato, l'elemento visivo riserva spazio per il numero specificato di schede, anche se il numero effettivo di schede è inferiore.
Le dimensioni fisse e l'adattamento allo spazio si escludono a vicenda. Quando la dimensione fissa è abilitata, l'opzione Adatta allo spazio è disabilitata perché le dimensioni sono ora controllate in modo esplicito.
Aggiungi un'immagine
Il visual scheda in Power BI consente di creare schede visivamente accattivanti che combinano le metriche con più opzioni di immagine, tra cui:
- Immagine: immagine di grandi dimensioni che può presentare foto di prodotto, grafica della campagna o immagini personalizzate direttamente all'interno della scheda. Configurare questa opzione nella sezione Immagine del riquadro formato.
- Immagine callout: un'immagine più piccola all'interno del callout che fornisce miglioramenti sottili, funziona bene per elementi di branding o piccoli segnali visivi senza sovraccaricare la visualizzazione dei dati metrici. Configura questa opzione in Callout>Immagine.
- Immagine di sfondo dell'intestazione di categoria: un'immagine di sfondo per le intestazioni di categoria quando sono state aggiunte categorie alla visualizzazione della scheda. Configurare questa opzione nella sezione Intestazione categoria .
Per aggiungere immagini alla visualizzazione scheda:
- Aggiungere un'immagine: Con la visualizzazione a scheda selezionata, selezionare l'icona Formato visualizzazione nel riquadro Visualizzazioni. Nella scheda Oggetto visivo espandere la scheda Immagine . Selezionare la scheda nell'elenco a discesa Schede e quindi impostare l'interruttore Immaginesu Attivato.
- Aggiungere un'immagine callout: nel riquadro Visualizzazioni, selezionare l'icona Formattazione visiva. Nella scheda Visuale, espandere il pannello Callout. Verificare che la scheda sia selezionata nelle impostazioni Applica, espandere i controlli Immagine e quindi impostare l'interruttore Immaginesu Attivato.
Per tutti i tipi di immagine, è possibile aggiungere immagini caricando dal dispositivo locale, incollando un URL di immagine (inclusi i collegamenti ai file di immagine in OneLake) o selezionando un'immagine da una colonna di dati. È anche possibile personalizzare l'adattamento dell'immagine e scegliere diversi effetti immagine per migliorarne l'aspetto.
Stati dell'immagine
La sezione Immagine include un elenco a discesa Stati che consente di definire impostazioni di immagine separate per gli stati predefiniti e al passaggio del mouse. Usare lo stato del passaggio del mouse per modificare la modalità di visualizzazione di un'immagine quando un utente punta a una scheda, ad esempio scambiando l'origine dell'immagine, regolando l'adattamento dell'immagine o modificando il colore di sfondo.
- Con l'oggetto visivo scheda selezionato, selezionare l'icona Formato oggetto visivo nel riquadro Visualizzazioni .
- Nella scheda Oggetto visivo espandere la sezione Immagine .
- Nell'area Applica impostazioni a selezionare la scheda da formattare nell'elenco a discesa Schede .
- Imposta Stati su Al passaggio del mouse.
- Configurare l'origine dell'immagine, l'adattamento dell'immagine, la trasparenza, gli effetti e il colore di sfondo da applicare quando un utente punta alla scheda.
Le impostazioni configurate per lo stato Hover si applicano solo quando un utente punta alla scheda. Lo stato predefinito controlla l'aspetto normale dell'immagine.
Nota
Se si aggiunge una categoria all'oggetto visivo scheda e tutte le schede mostrano la stessa immagine invece di immagini diverse, controllare il menu a tendina Applica impostazioni a. Quando questa impostazione è All, l'elemento visivo applica la stessa immagine a ogni scheda. Selezionare il valore di callout specifico per assegnare immagini diverse per scheda, ad esempio immagini da una colonna di dati.
Aggiungere categorie
È possibile aggiungere categorie alla visualizzazione scheda trascinando un campo nell'area Categorie nella sezione Genera oggetto visivo del riquadro Visualizzazioni. Quando si aggiunge una categoria, la card visiva si espande per visualizzare una sezione separata per ogni valore di categoria, con ogni sezione che mostra i dati suddivisi per categoria.
Le intestazioni di categoria sono selezionabili e filtrano altri oggetti visivi nel report quando selezionate. Questo comportamento consente agli utenti di interagire con il visivo a scheda per esplorare i dati attraverso diversi segmenti.
Selezione categoria
Quando si seleziona un'intestazione di categoria, le altre schede di categoria si oscurano per indicare la selezione corrente. È possibile:
- Selezionare più categorie: tenere premuto CTRL e selezionare altre intestazioni di categoria per filtrare in base a più valori.
- Deselezionare una categoria: selezionare di nuovo l'intestazione della categoria per rimuoverla dalla selezione.
- Controlla quali oggetti visivi sono filtrati: usa Modifica interazioni nel menu Formato per scegliere quali oggetti visivi nella pagina del report sono interessati dalle selezioni sull'oggetto visivo della scheda.
Il layout delle sezioni di categoria è controllato dalla sezione Layout multicategoria nel pannello formato sotto la scheda Visualizzazione. All'interno di ogni sezione di categoria, l'ordinamento delle singole schede continua a essere gestito dalla sezione Layout multi-scheda. Gli elementi all'interno di ogni scheda, ad esempio il callout, l'immagine e le etichette di riferimento, sono controllati dalla sezione
Mostra numeri completi o cambia unità di visualizzazione
Per impostazione predefinita, il valore del callout dell'oggetto visivo scheda usa l'impostazione Unità di visualizzazione impostata su Auto, che abbrevia i numeri grandi con un suffisso K (migliaia), M (milioni) o B (miliardi). Ad esempio, 11,732 viene visualizzato come 12K. Per visualizzare il numero completo e rimuovere il suffisso K, M o B, impostare le unità di visualizzazione su Nessuno:
- Selezionare l'elemento grafico scheda.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Visual, espandere Valori di callout>Valori.
- Impostare Unità di visualizzazione su Nessuno.
Se si applica una stringa di formato personalizzata, ma il valore mostra ancora un suffisso K, M o B, l'impostazione Unità di visualizzazione è la causa anziché la stringa di formato. Per altre informazioni, vedere Risoluzione dei problemi di scalabilità automatica indesiderata.
Procedura dettagliata per le schede
Seguire questa procedura dettagliata per creare un visual a scheda completo.
Nota
Questa guida dettagliata usa il tema di base Fluent 2, che è l'impostazione predefinita per i nuovi report.
Dati di esempio
Per seguire gli esempi in questa procedura dettagliata, configurare una tabella di esempio, misure e una funzione di tendenza riutilizzabile in un report Power BI Desktop vuoto.
Aprire Power BI Desktop e creare un nuovo report vuoto.
Selezionare TMDL sul lato sinistro per aprire la visualizzazione TMDL.
Incollare lo script TMDL seguente e selezionare Applica:
createOrReplace model Model culture: en-US defaultPowerBIDataSourceVersion: powerBI_V3 sourceQueryCulture: en-US valueFilterBehavior: independent dataAccessOptions legacyRedirects returnErrorValuesAsNull table 'Product Line Sales' /// Total number of products sold across all channels and product lines. measure Units = SUM('Product Line Sales'[_Units]) formatString: #,##0 /// Total sales revenue generated from all transactions. measure Revenue = SUM('Product Line Sales'[_Revenue]) formatString: $#,##0 /// The planned revenue goal used to measure sales performance. measure 'Revenue target' = SUM('Product Line Sales'[_Revenue Target]) formatString: $#,##0 /// Total number of products returned by customers. measure Returns = SUM('Product Line Sales'[_Returns]) formatString: #,##0 /// Shows how close actual revenue is to the target (100% = on target, >100% = exceeding). measure 'Revenue % to target' = DIVIDE([Revenue], [Revenue target]) formatString: 0.0% /// Percentage of sold units that were returned (lower is better). measure 'Return rate' = DIVIDE([Returns], [Units]) formatString: 0.0% /// Dollar amount above or below the revenue target (positive = exceeding, negative = behind). measure 'Revenue variance' = [Revenue] - [Revenue target] formatString: $#,##0 measure 'Units 6mo trend' = TrendSVG([Units], 'Product Line Sales'[Month],6,3,"mmm",FALSE) displayFolder: Card images for trendlines dataCategory: ImageUrl measure 'Units 6mo trend - hover' = TrendSVG([Units], 'Product Line Sales'[Month],6,3,"mmm",TRUE) displayFolder: Card images for trendlines dataCategory: ImageUrl /// Icon showing a # symbol inside a circle to represent units. measure 'Units callout image' = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%230078D4' stroke-width='1.5'/%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Segoe UI' font-size='14' font-weight='600' fill='%230078D4'%3E%23%3C/text%3E%3C/svg%3E" displayFolder: Card images for callout dataCategory: ImageUrl /// Icon showing a $ symbol inside a circle to represent revenue. measure 'Revenue callout image' = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23107C10' stroke-width='1.5'/%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Segoe UI' font-size='14' font-weight='600' fill='%23107C10'%3E%24%3C/text%3E%3C/svg%3E" displayFolder: Card images for callout dataCategory: ImageUrl measure 'Revenue 6mo trend' = TrendSVG([Revenue], 'Product Line Sales'[Month],6,3,"mmm",FALSE) displayFolder: Card images for trendlines dataCategory: ImageUrl measure 'Revenue 6mo trend - hover' = TrendSVG([Revenue], 'Product Line Sales'[Month],6,3,"mmm",TRUE) displayFolder: Card images for trendlines dataCategory: ImageUrl column Month formatString: mmm. yyyy summarizeBy: none isNameInferred sourceColumn: [Month] annotation SummarizationSetBy = Automatic annotation PBI_FormatHint = {"isCustom":true} column 'Product Line' summarizeBy: none isNameInferred sourceColumn: [Product Line] annotation SummarizationSetBy = Automatic column Channel summarizeBy: none isNameInferred sourceColumn: [Channel] annotation SummarizationSetBy = Automatic column _Units isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Units] annotation SummarizationSetBy = Automatic column _Revenue isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Revenue] annotation SummarizationSetBy = Automatic column '_Revenue Target' isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Revenue Target] annotation SummarizationSetBy = Automatic column _Returns isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Returns] annotation SummarizationSetBy = Automatic partition 'Product Line Sales' = calculated mode: import source = ``` VAR Anchor = DATE(YEAR(TODAY()), MONTH(TODAY()), 1) VAR M1 = EDATE(Anchor, -5) VAR M2 = EDATE(Anchor, -4) VAR M3 = EDATE(Anchor, -3) VAR M4 = EDATE(Anchor, -2) VAR M5 = EDATE(Anchor, -1) VAR M6 = Anchor RETURN SELECTCOLUMNS( { // Product Line A, Online ( M1, "A", "Online", 130, 9100, 10000, 5 ), ( M2, "A", "Online", 200, 14000, 11500, 6 ), ( M3, "A", "Online", 170, 11900, 13000, 7 ), ( M4, "A", "Online", 210, 14700, 14000, 8 ), ( M5, "A", "Online", 230, 16100, 15500, 9 ), ( M6, "A", "Online", 260, 18200, 16000, 10 ), // Product Line A, Retail ( M1, "A", "Retail", 80, 4800, 12000, 35 ), ( M2, "A", "Retail", 140, 8500, 11000, 30 ), ( M3, "A", "Retail", 100, 6000, 10500, 27 ), ( M4, "A", "Retail", 150, 9100, 9500, 24 ), ( M5, "A", "Retail", 160, 9700, 8500, 21 ), ( M6, "A", "Retail", 170, 10500, 8500, 17 ), // Product Line B, Online ( M1, "B", "Online", 280, 19600, 21000, 10 ), ( M2, "B", "Online", 380, 26600, 23000, 12 ), ( M3, "B", "Online", 340, 23800, 24500, 14 ), ( M4, "B", "Online", 410, 28700, 25500, 16 ), ( M5, "B", "Online", 470, 32900, 27000, 17 ), ( M6, "B", "Online", 520, 36400, 29000, 20 ), // Product Line B, Retail ( M1, "B", "Retail", 180, 12600, 25000, 140 ), ( M2, "B", "Retail", 270, 18900, 22000, 125 ), ( M3, "B", "Retail", 240, 16800, 21000, 110 ), ( M4, "B", "Retail", 280, 19600, 19000, 100 ), ( M5, "B", "Retail", 310, 21700, 17000, 90 ), ( M6, "B", "Retail", 320, 22400, 16000, 75 ), // Product Line C, Online ( M1, "C", "Online", 65, 7800, 8000, 2 ), ( M2, "C", "Online", 100, 12000, 9500, 2 ), ( M3, "C", "Online", 85, 10200, 11000, 3 ), ( M4, "C", "Online", 110, 13200, 12500, 3 ), ( M5, "C", "Online", 115, 13800, 13500, 4 ), ( M6, "C", "Online", 125, 15000, 15500, 4 ), // Product Line C, Retail ( M1, "C", "Retail", 100, 12000, 14000, 4 ), ( M2, "C", "Retail", 170, 20400, 15500, 4 ), ( M3, "C", "Retail", 140, 16800, 17000, 5 ), ( M4, "C", "Retail", 175, 21000, 17500, 5 ), ( M5, "C", "Retail", 180, 21600, 18000, 6 ), ( M6, "C", "Retail", 185, 22200, 18000, 7 ) }, "Month", [Value1], "Product Line", [Value2], "Channel", [Value3], "_Units", [Value4], "_Revenue", [Value5], "_Revenue Target", [Value6], "_Returns", [Value7]) ``` annotation PBI_Id = c8632d7dc9194275b03f266beb0eec91 cultureInfo en-US function TrendSVG = ``` ( valueExpr: ANYREF EXPR, periodCol: ANYREF EXPR, periods: INT64, labelChars: INT64, dateFormat: STRING, hover: BOOLEAN ) => VAR _LastPeriod = MAX ( periodCol ) // Take the N most-recent distinct values of periodCol at or before the // current filter context's max — grain-agnostic (day / month / year / etc.) VAR _BasePeriods = TOPN ( periods, FILTER ( ALL ( periodCol ), periodCol <= _LastPeriod ), periodCol, DESC ) VAR _Data = ADDCOLUMNS ( _BasePeriods, "Value", VAR _v = CALCULATE ( valueExpr ) RETURN IF ( ISBLANK ( _v ), 0, _v ) ) VAR _DataIndexed = ADDCOLUMNS ( _Data, "Idx", RANKX ( _Data, periodCol, periodCol, ASC, DENSE ), "PeriodLabel", UPPER ( LEFT ( FORMAT ( periodCol, dateFormat ), labelChars ) ) ) VAR _Count = COUNTROWS ( _DataIndexed ) VAR _MaxVal = MAXX ( _DataIndexed, [Value] ) // Layout — width scales with period count so labels never crowd VAR _PerPointX = 32 // horizontal space reserved per data point VAR _PadX = 18 VAR _Width = 2 * _PadX + MAX ( 1, _Count - 1 ) * _PerPointX VAR _Height = 86 VAR _PadTop = 10 VAR _LabelBandH = 26 VAR _ChartBottom = _Height - _LabelBandH VAR _GoodColor = "#107C10" VAR _BadColor = "#A80000" VAR _LineColor = "#0078D4" VAR _XStep = IF ( _Count > 1, DIVIDE ( _Width - 2 * _PadX, _Count - 1 ), 0 ) VAR _HasData = _Count >= 2 && NOT ISBLANK ( _MaxVal ) // Polyline point list ("x,y x,y ...") VAR _Points = CONCATENATEX ( _DataIndexed, VAR _Idx = [Idx] VAR _Val = [Value] VAR _Norm = IF ( _MaxVal = 0, 0, DIVIDE ( _Val, _MaxVal ) ) VAR _X = _PadX + ( _Idx - 1 ) * _XStep VAR _Y = _ChartBottom - _Norm * ( _ChartBottom - _PadTop ) RETURN FORMAT ( _X, "0.0" ) & "," & FORMAT ( _Y, "0.0" ), " ", [Idx], ASC ) // Dot marker on every point VAR _Markers = CONCATENATEX ( _DataIndexed, VAR _mIdx = [Idx] VAR _mVal = [Value] VAR _mNorm = IF ( _MaxVal = 0, 0, DIVIDE ( _mVal, _MaxVal ) ) VAR _mX = _PadX + ( _mIdx - 1 ) * _XStep VAR _mY = _ChartBottom - _mNorm * ( _ChartBottom - _PadTop ) RETURN "<circle cx='" & FORMAT ( _mX, "0.0" ) & "' cy='" & FORMAT ( _mY, "0.0" ) & "' r='2.2' fill='" & _LineColor & "' />", "", [Idx], ASC ) // Light vertical guide from each marker down to the label band VAR _GuideBottom = _ChartBottom VAR _Guides = CONCATENATEX ( _DataIndexed, VAR _gIdx = [Idx] VAR _gVal = [Value] VAR _gNorm = IF ( _MaxVal = 0, 0, DIVIDE ( _gVal, _MaxVal ) ) VAR _gX = _PadX + ( _gIdx - 1 ) * _XStep VAR _gY = _ChartBottom - _gNorm * ( _ChartBottom - _PadTop ) RETURN "<line x1='" & FORMAT ( _gX, "0.0" ) & "' y1='" & FORMAT ( _gY, "0.0" ) & "' x2='" & FORMAT ( _gX, "0.0" ) & "' y2='" & FORMAT ( _GuideBottom, "0.0" ) & "' stroke='#CCCCCC' stroke-width='0.75' />", "", [Idx], ASC ) // Period label (e.g. "JAN") — bottom band, upper row VAR _LabelY = _Height - 16 VAR _Labels = CONCATENATEX ( _DataIndexed, VAR _lIdx = [Idx] VAR _lX = _PadX + ( _lIdx - 1 ) * _XStep RETURN "<text x='" & FORMAT ( _lX, "0.0" ) & "' y='" & FORMAT ( _LabelY, "0.0" ) & "' text-anchor='middle' font-family='DIN, "DIN Alternate", "DIN Next", "Segoe UI", Tahoma, Arial, sans-serif' font-size='8' fill='#666'>" & [PeriodLabel] & "</text>", "", [Idx], ASC ) // ---- Hover-only content ---- // Shaded area under each segment (green if rising, red if falling) VAR _Shades = CONCATENATEX ( FILTER ( _DataIndexed, [Idx] < _Count ), VAR _sIdx = [Idx] VAR _sVal = [Value] VAR _sNext = MAXX ( FILTER ( _DataIndexed, [Idx] = _sIdx + 1 ), [Value] ) VAR _sNorm1 = IF ( _MaxVal = 0, 0, DIVIDE ( _sVal, _MaxVal ) ) VAR _sNorm2 = IF ( _MaxVal = 0, 0, DIVIDE ( _sNext, _MaxVal ) ) VAR _sX1 = _PadX + ( _sIdx - 1 ) * _XStep VAR _sX2 = _PadX + _sIdx * _XStep VAR _sY1 = _ChartBottom - _sNorm1 * ( _ChartBottom - _PadTop ) VAR _sY2 = _ChartBottom - _sNorm2 * ( _ChartBottom - _PadTop ) VAR _sColor = IF ( _sNext >= _sVal, _GoodColor, _BadColor ) RETURN "<polygon points='" & FORMAT ( _sX1, "0.0" ) & "," & FORMAT ( _sY1, "0.0" ) & " " & FORMAT ( _sX2, "0.0" ) & "," & FORMAT ( _sY2, "0.0" ) & " " & FORMAT ( _sX2, "0.0" ) & "," & FORMAT ( _ChartBottom, "0.0" ) & " " & FORMAT ( _sX1, "0.0" ) & "," & FORMAT ( _ChartBottom, "0.0" ) & "' fill='" & _sColor & "' fill-opacity='0.05' stroke='none' />", "", [Idx], ASC ) // Bold value label — bottom band, lower row VAR _ValueLabelY = _Height - 6 VAR _DataLabels = CONCATENATEX ( _DataIndexed, VAR _dIdx = [Idx] VAR _dVal = [Value] VAR _dX = _PadX + ( _dIdx - 1 ) * _XStep RETURN "<text x='" & FORMAT ( _dX, "0.0" ) & "' y='" & FORMAT ( _ValueLabelY, "0.0" ) & "' text-anchor='middle' font-family='DIN, "DIN Alternate", "DIN Next", "Segoe UI", Tahoma, Arial, sans-serif' font-size='7' font-weight='bold' fill='#333'>" & FORMAT ( _dVal, "#,0" ) & "</text>", "", [Idx], ASC ) // Assemble VAR _HoverExtras = IF ( hover, _Shades, "" ) VAR _HoverLabels = IF ( hover, _DataLabels, "" ) VAR _SVGContent = "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 " & FORMAT ( _Width, "0" ) & " " & FORMAT ( _Height, "0" ) & "' preserveAspectRatio='xMidYMid meet'>" & _HoverExtras & _Guides & "<polyline fill='none' stroke='" & _LineColor & "' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' points='" & _Points & "' />" & _Markers & _Labels & _HoverLabels & "</svg>" RETURN IF ( _HasData, "data:image/svg+xml;utf8," & _SVGContent, BLANK () ) ``` annotation __PBI_TimeIntelligenceEnabled = 0 annotation PBI_QueryOrder = [] annotation PBI_ProTooling = ["TMDLView_Desktop"]Lo script crea la tabella Product Line Sales con sei mesi di dati di esempio, le misure di base usate in tutta la procedura dettagliata, le misure dell'icona del callout (
Units callout image,Revenue callout image), le misure di tendenza (Units 6mo trend,Units 6mo trend - hover,Revenue 6mo trend,Revenue 6mo trend - hover) e una funzione DAX riutilizzabileTrendSVGdefinita dall'utente che esegue il rendering di un grafico a linee SVG con una variante facoltativa al passaggio del mouse.
Creare una scheda di base
Nel riquadro Visualizzazioni selezionare la scheda Compila oggetto visivo e quindi selezionare l'oggetto visivo Scheda dalla raccolta di oggetti visivi.
Trascinare Unità nel campo Valori .
Trascinare Revenue (Ricavi) nell'area Valori.
È ora disponibile un oggetto visivo a più schede che visualizza le unità totali e i ricavi totali.
Aggiungere un'immagine di richiamo
Per rendere la scheda più visivamente coinvolgente, aggiungere un'immagine all'area del callout. Lo script TMDL iniziale ha già creato due misure che restituiscono icone SVG semplici: Units callout image (un # simbolo all'interno di un cerchio) e Revenue callout image (un $ simbolo all'interno di un cerchio). Per assegnarli alle carte:
- Seleziona la visualizzazione della scheda.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Oggetto visivo espandere Callout.
- Nell'elenco a discesa Applica impostazioni a, selezionare Unità.
- Espandere Immagine e attivarla su Sì.
- Impostare Tipo di immagine su Seleziona dai dati.
- Selezionare Immagine della didascalia delle unità dall'elenco a discesa del campo.
- Imposta Adatta immagine su Centro.
- Impostare Dimensioni su 40 px.
- Nel menu a discesa Applica impostazioni a, selezionare Ricavi.
- Espandere Immagine e attivarla su Sì.
- Impostare Tipo di immagine su Seleziona dai dati.
- Selezionare Revenue callout image nel menu a discesa del campo.
- Imposta Adatta immagine su Centro.
- Impostare Dimensioni su 40 px.
Ogni scheda visualizza ora un'icona simbolica nel riquadro informativo accanto al valore della metrica.
Mostra per categoria
Aggiungere una categoria per visualizzare i dati suddivisi per segmento.
- Nel riquadro Dati trascinare Canale nell'area Categorie .
- Trascinare Product Line nel campo Categorie per suddividere ulteriormente i dati in base alla linea di prodotto all'interno di ogni canale.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Visuale, espandere Layout a più categorie.
- Espandi Layout, imposta Adatta allo spazio su Disattivato e porta Righe a 6 per visualizzare tutte le categorie.
Nota
Quando Fit to space è attivo, il numero massimo di righe è 4. Per visualizzare più righe, disattiva Adatta allo spazio.
L'elemento visivo Scheda ora mostra una sezione separata per ogni combinazione di canale e linea di prodotto e, in ciascuna sezione, sono visualizzate le unità e i ricavi insieme alle relative immagini di callout.
Aggiungere etichette di riferimento
Le etichette di riferimento forniscono il contesto per la metrica principale. È anche possibile aggiungere valori di dettaglio alle etichette di riferimento per informazioni più granulari.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Oggetto visivo espandere la sezione Etichette di riferimento .
- Nell'elenco a discesa Applica impostazioni a, selezionare Unità.
- Trascinare Resi nel campo dati Aggiungi etichetta.
- Nell'elenco a discesa Aggiungi etichetta selezionare Restituisce.
- Espandere la sezione Dettagli e attivarla su Sì.
- Trascinare Tasso di restituzione nel campo Dettagli.
- Nel menu a discesa Applica impostazioni a, selezionare Ricavi.
- Trascinare varianza dei ricavi nel campo dati etichetta di aggiunta.
- Nell'elenco a discesa Aggiungi etichetta selezionare Varianza ricavi.
- Espandere la sezione Dettagli e attivarla su Sì.
- Trascinare Revenue % per specificare come destinazione il campo Dati dettagli .
Le schede ora visualizzano etichette di riferimento con i dettagli: la scheda Unità mostra i rendimenti con tasso di ritorno e la scheda Ricavi mostra la varianza dei ricavi con percentuale di destinazione. È possibile formattare ulteriormente le etichette di riferimento, incluso l'uso della formattazione condizionale per regolare i colori in base ai valori.
Aggiungere un'immagine di primo livello
L'elemento visivo scheda può visualizzare un'immagine accanto al valore del callout anziché all'interno di quest'ultimo. Questo layout è utile per immagini più grandi e per file SVG che mostrano un livello di dettaglio superiore rispetto a una piccola icona di richiamo, ad esempio una linea di tendenza.
In questo esempio, per prima cosa semplifica la scheda rimuovendo gli elementi aggiuntivi precedenti, in modo che il grafico di tendenza possa essere al centro dell’attenzione:
- Seleziona la visualizzazione della scheda.
- Dal campo Categorie rimuovere Canale e Linea prodotto.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Oggetto visivo espandere Etichette di riferimento. Nel menu a discesa Applica impostazioni a, seleziona Tutto, quindi seleziona Ripristina impostazioni predefinite nella parte inferiore della sezione.
Usare ora le misure di tendenza create nello script TMDL iniziale per visualizzare un grafico a linee compatto e passare a una variante più completa quando un utente punta alla scheda.
Le misure Units 6mo trend, Units 6mo trend - hover, Revenue 6mo trend e Revenue 6mo trend - hover richiamano tutte la TrendSVGfunzione DAX definita dall'utente e riutilizzabile per eseguire il rendering di un grafico a linee SVG relativo agli ultimi sei mesi. Le varianti al passaggio del mouse aggiungono segmenti ombreggiati (verde in aumento, rosso durante la caduta) e etichette di valore in grassetto per ogni periodo.
Per visualizzare il grafico di tendenza come immagine di primo livello in ogni scheda e passare alla variante al passaggio del mouse quando un utente punta alla scheda:
- Seleziona la visualizzazione della scheda.
- Nel riquadro Visualizzazioni selezionare l'icona Formato oggetto visivo .
- Nella scheda Oggetto visivo espandere la sezione Immagine .
- Nell'elenco a discesa Applica impostazioni a, selezionare Schede = Unità.
- Impostare Stati su Predefinito.
- Attiva Immagine su Attivo.
- Impostare Origine immagine su Seleziona dai dati.
- Selezionare Tendenza unità 6 mesi dal menu a discesa del campo.
- Impostare Adatta immagine su Adatta.
- Imposta Stati su Al passaggio del mouse.
- Attiva Immagine su Attivo.
- Impostare Origine immagine su Seleziona dai dati.
- Selezionare Unità di tendenza 6mo: passare il puntatore del mouse nell'elenco a discesa del campo.
- Impostare Adatta immagine su Adatta.
- Nell'elenco a discesa Applica impostazioni a selezionare Carte = Entrate.
- Impostare Stati su Predefinito.
- Attiva Immagine su Attivo.
- Impostare Origine immagine su Seleziona dai dati.
- Selezionare Revenue 6mo trend dal menu a discesa del campo.
- Impostare Adatta immagine su Adatta.
- Imposta Stati su Al passaggio del mouse.
- Attiva Immagine su Attivo.
- Impostare Origine immagine su Seleziona dai dati.
- Selezionare Revenue 6mo trend (Tendenza ricavi 6mo): passare il puntatore del mouse nell'elenco a discesa del campo.
- Impostare Adatta immagine su Adatta.
Ogni scheda mostra ora un grafico a linee degli ultimi sei mesi della relativa metrica accanto al valore evidenziato. Quando un utente passa il puntatore su una scheda, il grafico passa alla variante al passaggio del puntatore con segmenti ombreggiati di aumento e diminuzione e le etichette dei valori.
Per evidenziare i grafici di tendenza insieme ai valori del callout, regolare il layout della scheda:
- In Callout disattivare l'interruttore Immagine per ogni scheda per rimuovere le icone del callout.
- Nella schede>Layout, impostate Disposizione su Orizzontale.
- Impostare Ordine su Callout, Immagine, Etichette di riferimento.
- Impostare Dimensioni callout su 40%.
Applicazione della formattazione condizionale
È possibile formattare in modo condizionale diversi elementi nella visualizzazione scheda, ad esempio il colore del carattere, il colore di sfondo e il colore del bordo. Usare la formattazione condizionale per attirare l'attenzione su schede specifiche in base ai dati sottostanti. Ad esempio, evidenziare un riquadro in cui i ricavi non raggiungono l’obiettivo. Per informazioni dettagliate sui tipi di regole disponibili e su come configurarli, vedere Panoramica della formattazione condizionale.
Elementi visivi obsoleti a scheda singola e a scheda multipla
Prima della versione di novembre 2025, Power BI includeva due oggetti visivi separati per schede: l'oggetto visivo a scheda singola per la visualizzazione di una misura e l'oggetto visivo a più schede per la visualizzazione di più misure. Questi oggetti visivi legacy rimangono disponibili per la compatibilità con le versioni precedenti. I report esistenti che usano questi oggetti visivi continuano a renderizzare senza essere modificati.
Il nuovo visualizzazione scheda sostituisce sia gli oggetti visivi ereditati ed è consigliato per i nuovi report. Quando si seleziona l'icona Scheda nel riquadro Visualizzazioni, viene creata la nuova visualizzazione scheda introdotta nella versione di disponibilità generale di novembre 2025.
Per accedere agli oggetti visivi a scheda singola e a più schede legacy:
- Nel riquadro Visualizzazioni selezionare i tre puntini (...).
- Selezionare Ripristina oggetti visivi predefiniti.
Gli oggetti visivi legacy vengono visualizzati nell'area non fissata del riquadro Visualizzazioni, in cui in genere vengono visualizzati oggetti visivi personalizzati. Gli utenti che devono mantenere il comportamento legacy dovrebbero continuare a usare gli oggetti visivi legacy delle schede esistenti nei report.
Considerazioni e limitazioni
Domande frequenti sulle schede usate nei report durante l'anteprima
Perché l'impostazione della colonna viene reimpostata su 10 o l'impostazione della riga viene reimpostata su 10 quando è stata impostata in precedenza su un numero diverso?
Durante l'anteprima, è possibile impostare un numero di colonna o di riga per una griglia, una disposizione verticale o orizzontale delle schede. Dopo la versione di novembre 2025, viene mantenuta solo l'impostazione della disposizione della griglia. Le disposizioni verticali e orizzontali vengono reimpostate su 10 colonne e 10 righe nei report esistenti, inclusi i report pubblicati. Le barre di scorrimento possono essere visualizzate negli oggetti visivi delle schede esistenti per supportare queste impostazioni. Sono interessati solo i report pubblicati o creati con il visual card durante l'anteprima.
Per restituire le schede al numero di riga e alla colonna precedente, aggiornare queste impostazioni nel Power BI Desktop di novembre 2025 e pubblicare il report o modificare il report nel Web.
Perché le carte occupano più spazio?
Durante l'anteprima, le impostazioni predefinite hanno meno spaziatura interna nelle schede. Dopo la versione di novembre 2025, alla scheda sono state aggiunte altre opzioni di riempimento e spaziatura interna. Il nuovo valore predefinito è 12px.
Per trovare e regolare queste impostazioni, cercare "Padding" nel riquadro formato e regolare in base alle esigenze. In alcuni casi, l'attivazione del padding individuale può ripristinare le impostazioni di padding precedenti.
La spaziatura interna può essere impostata in un file di tema personalizzato o aggiunta al proprio file di tema personalizzato per applicarle a tutte le schede del report.
{
"$schema": "https://raw.githubusercontent.com/microsoft/powerbi-desktop-samples/main/Report%20Theme%20JSON%20Schema/reportThemeSchema-2.149.json",
"name": "CardVisualGA",
"visualStyles": {
"cardVisual": {
"*": {
"*": [{
"$id": "default",
"paddingUniform": 0
}]
}
}
}
}
Per altre informazioni, vedere Temi dei report di Power BI.
Perché è presente un'area per l'etichetta di riferimento sulle schede che non hanno un'etichetta di riferimento?
Durante l'anteprima, le etichette di riferimento facevano parte dell'area di richiamo quando il divisore è stato disattivato. Dopo novembre 2025, le etichette di riferimento hanno una propria area. Una volta usata un'area in almeno una scheda, le altre schede mantengono tale area disponibile per mantenere la coerenza tra le schede.
Perché l'etichetta di riferimento nasconde il testo nel callout?
Durante l'anteprima, le etichette di riferimento fanno parte dell'area callout. Dopo novembre 2025, le etichette di riferimento hanno una propria area. Ora occupano anche il 50% della scheda per impostazione predefinita.
Per regolare le dimensioni dell'area della scheda, vai su Schede, assicurati che il controllo Applica impostazioni a sia impostato su Tutti, quindi in Layout regola la dimensione del callout %.
Perché è presente un colore di sfondo aggiunto all'etichetta di riferimento della scheda?
Durante l'anteprima, il colore di sfondo viene visualizzato solo quando l'etichetta di riferimento ha un divisore. Il divisore ha assegnato alle etichette di riferimento la propria area nella carta per applicare successivamente uno sfondo. Dopo la versione di novembre 2025, le etichette di riferimento hanno sempre una propria area con o senza un divisore e viene usato uno sfondo predefinito.
Lo sfondo può essere disattivato passando allosfondo del > delle etichette di riferimento nel riquadro formato e disattivando l'impostazione.
Questa impostazione può essere impostata in un file di tema personalizzato o aggiunta al proprio file di tema personalizzato per applicarle a tutte le schede del report.
{
"$schema": "https://raw.githubusercontent.com/microsoft/powerbi-desktop-samples/main/Report%20Theme%20JSON%20Schema/reportThemeSchema-2.149.json",
"name": "CardVisualGA",
"visualStyles": {
"cardVisual": {
"*": {
"*": [{
"$id": "default",
"backgroundTransparency": 100
}]
}
}
}
}
Per altre informazioni, vedere Temi dei report di Power BI.
Perché non è possibile visualizzare le impostazioni dell'immagine nel riquadro formato?
Durante l'anteprima, l'immagine del callout è stata aggiunta usando la sezione Immagine del riquadro formato e mostrata nell'area del callout accanto al testo. Dopo novembre 2025, tali immagini aggiunte in precedenza sono state mantenute nell'area callout e le relative impostazioni sono state spostate nella sezioneImmagine> nel riquadro formato. Impostare la sezione Immagine del riquadro di formattazione aggiunge ora una nuova immagine alla scheda con un'area dedicata.
Perché l'immagine è ora ingrandita?
Durante l'anteprima, le impostazioni predefinite per le dimensioni dell'immagine presentavano alcuni bug corretti dall'aggiornamento di novembre 2025. A seconda delle impostazioni iniziali, l'immagine può essere "ingrandita" o diversa da prima.
Per correggere l'immagine, nel riquadro di formattazione regolare le impostazioni Callout> per l'adattamento o centro, e verificare le dimensioni e le dimensioni dell'area dell'immagine nella stessa sezione di formattazione. Si noti che questa impostazione si trova in una nuova posizione e la sezione Immagine di primo livello è ora per l'immagine della scheda.
Perché l'immagine dell'intestazione di categoria non è più disponibile?
Passare a Impostazioni intestazione categoria e riattivare l'aggiunta di un'immagine. L'immagine dovrebbe essere ancora lì.
Perché la nuova visualizzazione scheda in un report pubblicato appare diversa rispetto a come appare in Power BI Desktop?
Le differenze tra desktop e servizio possono verificarsi in due scenari.
- Si sta usando una versione di Desktop prima di novembre 2025, quando la scheda era in anteprima. Quando è stato pubblicato nel servizio, è stato aggiornato in modo che sia la versione disponibile a livello generale del nuovo oggetto visivo scheda. Aggiornare il Power BI Desktop o modificare il report nel Web dopo la pubblicazione per regolare lo stile.
- Si usa la versione di novembre 2025 di Power BI Desktop e l'aggiornamento per la scheda disponibile a livello generale non si trova nell'area del servizio. Una volta aggiornata l'area del servizio, la scheda avrà lo stesso aspetto. Questo comportamento dovrebbe verificarsi solo in alcune aree alla fine di novembre 2025.
Modifiche al comportamento predefinito rispetto all'anteprima
Il comportamento predefinito dell'oggetto visivo scheda è diverso dal suo comportamento nell'anteprima. A disponibilità generale e negli aggiornamenti successivi sono state apportate modifiche per migliorare la coerenza del layout, l'allineamento visivo e l'esperienza utente complessiva.
- Allineamento delle immagini callout: Durante l'anteprima, l'immagine del callout allineata era vincolata al testo dell'etichetta del callout, il che potrebbe lasciare una parte vuota del contenitore di callout. Ora l'immagine è allineata al contenitore del callout.
- Adattamento dell'immagine di sfondo: Durante l'anteprima, l'immagine di sfondo potrebbe ripetersi per riempire il contenitore. Ora le opzioni di adattamento dell'immagine sono allineate ad altre opzioni di immagine visiva di adattamento, estensione, riempimento e centro.
- Padding esterno etichetta di riferimento: Durante l'anteprima, le etichette di riferimento avevano un'impostazione di padding esterno che ha involontariamente interessato l'area del richiamo spingendo gli elementi fuori posizione intorno al divisore. Ora l'impostazione di spaziatura interna esterna viene rimossa dalle etichette di riferimento.
- Adattarsi allo spazio (rinominato da Autogrid): Durante l'anteprima, gli elementi visivi lasciano una colonna vuota in modo che corrisponda al numero specificato di colonne. Con l'aggiunta di Adatta allo spazio, dispone le schede per riempire lo spazio visivo in base alle schede presenti. Questa impostazione può essere disattivata per tornare al comportamento precedente.
Impostazioni di formato
- L'elemento grafico scheda (nuovo) è generalmente disponibile come elemento grafico scheda. Se hai usato la visualizzazione scheda durante la fase di anteprima, potresti notare modifiche nel comportamento o nella formattazione che riflettono i miglioramenti introdotti con la disponibilità generale e nei successivi aggiornamenti.
- Il nuovo oggetto visivo Scheda include uno stile predefinito aggiornato. Le schede appena create potrebbero avere un aspetto diverso dalle schede legacy e da quelle create durante l'anteprima, mentre gli elementi visivi esistenti rimangono invariati.
- Quando si formatta la visualizzazione scheda, è possibile notare che alcune impostazioni di formato si trovano in un'altra posizione o che il nome dell'impostazione è stato cambiato.
- Nelle versioni precedenti dell'elemento visivo scheda, l'immagine del Callout era disponibile come parte della scheda immagine. Questa immagine è ora presente nella sezione Callout del riquadro Formato .
- Alcune configurazioni di Layout potrebbero influire sui report esistenti che usavano la visualizzazione scheda durante la fase di anteprima. Questo effetto è dovuto agli aggiornamenti apportati a tutti i componenti della scheda come parte della versione di disponibilità generale, inclusi miglioramenti al layout, allo stile e alla gestione delle immagini.
- Se in precedenza vi siete basati sul layout Immagine, aggiornate gli oggetti visivi di conseguenza usando il riquadro Formato per accedere e configurare le impostazioni dell'Immagine Callout.
Contenuto correlato
- Panoramica delle visualizzazioni in Power BI
- Risoluzione dei problemi delle visualizzazioni in Power BI