Merk
Tilgang til denne siden krever autorisasjon. Du kan prøve å logge på eller endre kataloger.
Tilgang til denne siden krever autorisasjon. Du kan prøve å endre kataloger.
Gjelder for:✅ Power BI Skrivebord og Power Bi-tjeneste
Kortvisualiseringen i Power BI viser nøkkelmålinger i et fleksibelt og visuelt tiltalende format. Hvert kort viser en målverdi med valgfrie utpekingsbilder, referanseetiketter og støttende detaljer. Du kan vise flere kort i ett enkelt bilde, dele dem opp etter kategorier, og tilpasse oppsett for å matche rapportdesignet ditt.
Å kombinere flere målinger og referanseetiketter i ett visuelt bilde forbedrer rapportytelsen ved å redusere visningstiden og optimalisere underliggende spørringer til den semantiske modellen. Du kan også bruke datadrevne bilder for å lage tilpassede visualiseringer som responderer på dataene dine.
Merk
Det (nye) kortvisualobjektet er generelt tilgjengelig som kortvisualobjektet. Rapporter med det visuelle bildet på det gamle kortet fortsetter å bruke det visuelle kortet fra det gamle kortet.
Lag et kortvisuelt
I Visualiseringspanelet velger du fanen Bygg visuell , og velg deretter kortvisualiseringen fra det visuelle galleriet.
Legg til et mål eller en hvilken som helst datakolonne i Verdier-feltet .
Nå har du et enkelt kort. Du kan legge til så mange verdier du vil, og flere kort dukker opp.
Tilpass kortets visuelle oppsett
Kortvisualiseringen tilbyr flere layoutmuligheter for å gjøre visualene dine mer organiserte og visuelt tiltalende. Få tilgang til disse innstillingene ved å velge ikonet Formater visuell i Visualisering-panelet , og deretter velge fanen Visuell .
Kortoppsett
Kortoppsettet> styrer hvordan elementene arrangeres innenfor hvert kort. Hvert kort kan ha tre seksjoner: callout, bilde og referanseetiketter. Bruk disse innstillingene til å justere posisjonering, justering og avstand mellom disse elementene.
Kortvisualiseringen inkluderer et dynamisk collageoppsett som lar deg markere én seksjon mens de to andre deler resten av plassen. Du kan også tilpasse visningsrekkefølgen på callout, referanseetikett og heltebilde, og gi dem forskjellige bakgrunnsfarger.
Oppskriftsoppsett
Callout-oppsettet> styrer den vertikale justeringen og størrelsen på callouten innenfor callout-seksjonen på hvert kort.
Oppsett av referanseetiketter
Innstillingen for oppsett for referanseetiketter styrer hvordan referanseetiketter er organisert i referanseetikettinndelingen på hvert kort. Du kan justere den loddrette og vannrette justeringen av referanseetikettene, og tilpasse utseendet og funksjonaliteten, inkludert mellomrom, utfylling, bakgrunner og mer.
Flerkortoppsett
Multi-card-oppsettet tilpasser hvordan flere kort får plass i den visuelle beholderen. Når du har flere verdier, styrer denne innstillingen rekkefølgen av kortene.
Flerkategori-oppsett
Multikategori-oppsettet formaterer hvordan hver kategoriseksjon er lagt opp (for eksempel i Canada, Tyskland). Bruk denne innstillingen når du har lagt til kategorier i kortet ditt. Innenfor hver kategoriseksjon er kortene arrangert i henhold til oppsettet for flere kort.
Fast størrelse og tilpasning til rommet
I seksjonen for Multicard-oppsett kan du kontrollere størrelsen på kortene i den visuelle beholderen:
- Fast størrelse: Slå på dette alternativet for å spesifisere nøyaktige pikseldimensjoner for hvert kort. Når den visuelle beholderen ikke er stor nok til å vise alle kort i angitert størrelse, dukker rullefeltene opp automatisk. Når du endrer størrelsen på grafikken, beholder kortene sine angitte dimensjoner i stedet for å skalere proporsjonalt.
- Tilpasning til plass: Når de er på, vokser eller krymper kortene for å fylle den visuelle beholderen basert på kortene som er til stede. Når den er av, reserverer visuell plass til det angitte antallet kort, selv når det finnes færre kort.
Fast størrelse og Fit to Space utelukker hverandre. Når Fixed size er aktivert, er Fit to space deaktivert siden dimensjoner nå styres eksplisitt.
Legg til et bilde
Kortvisningen i Power BI lar deg lage visuelt tiltalende kort som kombinerer måleparametere med flere bildealternativer, inkludert:
- Bilde: Et stort, fremtredende bilde som kan vise produktbilder, kampanjegrafikk eller merkevarebilder direkte innenfor kortet. Konfigurer dette alternativet i bildedelen av formatpanelet.
- Callout-bilde: Et mindre bilde innenfor callouten som gir subtile forbedringer, og fungerer godt for merkevareelementer eller små visuelle hint uten å overvelde målingsvisningen. Konfigurer dette alternativet i Callout>Image.
- Bakgrunnsbilde for kategorihode: Et bakgrunnsbilde for kategorioverskrifter når du har lagt til kategorier i kortets visuelle bilde. Konfigurer dette alternativet i kategori-header-seksjonen .
For å legge til bilder i kortets visuelle profil:
- Legg til et bilde: Med kortvisualiseringen valgt, velg ikonet Format visuell i Visualiseringspanelet . Under fanen Visuell , utvid Bildekortet . Velg kortet ditt i nedtrekksmenyen Kort , og sett deretter Bilde-bryterenpå.
- Legg til et utlysningsbilde: Fra Visualiseringspanelet velger du ikonet Formater visuell. Under fanen Visuell , utvid Callout-kortet . Sørg for at kortet ditt er valgt i Apply-innstillingene, utvid Image-kontrollene , og sett deretter Image-bryteren til på.
For alle bildetyper kan du legge til bilder ved å laste opp fra den lokale enheten, lime inn en nettadresse for bilder (inkludert koblinger til bildefiler i OneLake) eller velge et bilde fra en datakolonne. Du kan også tilpasse bildetilpasningen og velge ulike bildeeffekter for å forbedre utseendet.
Bildetilstander
Bilde-seksjonen inkluderer en nedtrekksmeny for tilstander som lar deg definere separate bildeinnstillinger for standard og hov-tilstand. Bruk hover-tilstanden til å endre hvordan et bilde ser ut når en bruker peker på et kort—for eksempel ved å bytte bildekilde, justere bildetilpasningen eller endre bakgrunnsfargen.
- Med kortvisualen valgt, velg ikonet Format visuell i Visualiseringspanelet .
- Under fanen Visuell, utvid Bilde-seksjonen.
- I innstillingene Anvendelse på området, velg kortet du vil formatere i nedtrekksmenyen Kort .
- Sett tilstander til å hovre.
- Konfigurer bildekilde, bildetilpasning, gjennomsiktighet, effekter og bakgrunnsfarge slik at de brukes når en bruker peker på kortet.
Innstillingene du konfigurerer for Hover-tilstanden gjelder kun når en bruker peker på kortet. Standardtilstanden styrer bildets normale utseende.
Merk
Hvis du legger til en kategori i kortvisualiseringen og alle kortene viser samme bilde i stedet for forskjellige bilder, sjekk nedtrekksmenyen Anvendelse innstillinger . Når denne innstillingen er Alle, anvender det visuelle bildet det samme bildet på hvert kort. Velg den spesifikke callout-verdien for å tildele forskjellige bilder per kort, for eksempel bilder fra en datakolonne.
Legg til kategorier
Du kan legge til kategorier i kortvisualiseringen din ved å dra et felt inn i kategorifeltet i Bygg visuell seksjon i Visualisering-panelet . Når du legger til en kategori, utvider kortvisualiseringen seg til å vise en egen seksjon for hver kategoriverdi, hvor hver seksjon viser data delt inn i den kategorien.
Kategorioverskriftene er valgbare og filtrerer andre visuelle elementer i rapporten når de er valgt. Denne oppførselen lar brukere interagere med kortvisualiseringen din for å utforske data på tvers av ulike segmenter.
Kategoriutvelgelse
Når du velger en kategorioverskrift, dempes de andre kategorikortene for å indikere det aktuelle valget. Du kan gjøre følgende:
- Velg flere kategorier: Hold inne Ctrl og velg andre kategorioverskrifter for å filtrere etter flere verdier.
- Avvelg en kategori: Velg kategorioverskriften igjen for å fjerne den fra utvalget.
- Kontroller hvilke visuelle elementer som filtreres: Bruk Rediger-interaksjoner i Format-menyen for å velge hvilke visuelle elementer på rapportsiden som påvirkes av valg på kortvisualiseringen.
Oppsettet av kategoriseksjoner styres av Multi-kategori-layoutseksjonen i formatpanelet under fanen Visuell . Innenfor hver kategoriseksjon styres oppsettet av individuelle kort fortsatt av flerkortoppsettet . Elementer i hvert kort, som kall, bilde og referanseetiketter, styres av seksjonen Kortoppsett>.
Vis fullstendige tall eller endre visningsenheter
Som standard bruker kortvisualobjektets bildeforklaringsverdi Visningsenheter som er satt til Auto, som forkorter store tall med suffikset K (tusen), M (millioner) eller B (milliarder). Vises for eksempel 11,732 som 12K. Hvis du vil vise hele tallet og fjerne K-, M- eller B-suffikset, endrer du visningsenhetene til Ingen:
- Velg kortvisualobjektet.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Utvid verdier for bildeavklaringsverdier under >.
- Angi Visningsenheter til Ingen.
Hvis du bruker en egendefinert formatstreng, men verdien fortsatt viser et K-, M- eller B-suffiks, er innstillingen for visningsenheter årsaken i stedet for formatstrengen. For mer informasjon, se Feilsøking av uønsket automatisk skalering.
Kortgjennomgang
Følg denne gjennomgangen for å bygge et omfattende kortbilde steg for steg.
Merk
Denne gjennomgangen bruker fluent 2-basistemaet, som standard for nye rapporter.
Eksempel på data
Hvis du vil følge eksemplene i denne gjennomgangen, kan du sette opp en eksempeltabell, mål og en gjenbrukbar trendfunksjon i en tom Power BI Desktop-rapport.
Åpne Power BI Desktop og lag en ny tom rapport.
Velg TMDL på venstre side for å åpne TMDL-visningen.
Lim inn følgende TMDL-skript, og velg Bruk:
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"]Skriptet oppretter tabellen Produktlinjesalg med seks måneder med eksempeldata, de grunnleggende målene som brukes gjennom gjennomgangen, mål for bildeforklaringsikon (
Units callout image,Revenue callout image), trendmål (Units 6mo trend,Units 6mo trend - hover, ,Revenue 6mo trendRevenue 6mo trend - hover), og en gjenbrukbarTrendSVGDAX-brukerdefinert funksjon som gjengir et SVG-linjediagram med en valgfri pekerfølsom variant.
Lag et enkelt kort
I Visualiseringspanelet velger du fanen Bygg visuell , og velg deretter kortvisualiseringen fra det visuelle galleriet.
Dra Enheter til Verdifeltbrønnen .
Dra inntekter til verdifeltet godt.
Du har nå et multi-kort-grafikk som viser totale enheter og total inntekt.
Legg til et callout-bilde
For å gjøre kortet ditt mer visuelt engasjerende, legg til et bilde i callout-området. Det første TMDL-skriptet har allerede opprettet to mål som returnerer enkle SVG-ikoner: Units callout image (et # symbol inne i en sirkel) og Revenue callout image (et $ symbol i en sirkel). Slik tilordner du dem til kortene:
- Velg ditt kortvisual.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Under fanen Visuell , utvid Callout.
- I nedtrekksmenyen Bruk innstillinger tilEnheter.
- Utvid bildet og slå det til På.
- Sett bildetypen til Velg fra data.
- Velg Units callout-bilde fra feltmenyen.
- Sett bildetilpasning til Senter.
- Sett størrelsen til 40 px.
- I innstillingene Bruk til nedtrekksmenyen, velg Inntekt.
- Utvid bildet og slå det til På.
- Sett bildetypen til Velg fra data.
- Velg bilde av inntektskall fra feltmenyen.
- Sett bildetilpasning til Senter.
- Sett størrelsen til 40 px.
Hvert kort viser nå et symbolikon i bildeforklaringsområdet sammen med den metriske verdien.
Show etter kategori
Legg til en kategori for å vise dataene dine delt opp etter segment.
- Dra Kanal til kategorifeltbrønnen i dataruten.
- Dra Produktlinje til kategorifeltbrønnen for å dele opp dataene ytterligere etter produktlinje i hver kanal.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Under fanen Visuell , utvid Multikategori-oppsett.
- Utvid oppsett, aktiver/deaktiverTilpass til avstand til Av, og angi rader til 6 for å vise alle kategoriene.
Merk
Når Tilpass til mellomrom er aktivert, er maksimalt antall rader 4. Hvis du vil vise flere rader, deaktiverer du Tilpass til mellomrom.
Kortvisualobjektet viser nå en egen inndeling for hver kanal- og produktlinjekombinasjon, der hver inndeling viser enheter og inntekter sammen med bildeforklaringsbildene.
Legg til referanseetiketter
Referanseetiketter gir kontekst til hovedmetrikken din. Du kan også legge til detaljverdier i referanseetiketter for mer detaljert informasjon.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Under fanen Visuell , utvid seksjonen Referanseetiketter .
- I nedtrekksmenyen Bruk innstillinger tilEnheter.
- Dra returnerer til feltet for å legge til etikett .
- I nedtrekksmenyen Legg til etikett , velg Returns.
- Utvid detaljseksjonen og slå den til På.
- Dra returhastighet til Detaljer-datafeltet.
- I innstillingene Bruk til nedtrekksmenyen, velg Inntekt.
- Dra inntektsvariansen til feltet Add label data.
- I nedtrekksmenyen Legg til etikett , velg Inntektsvarians.
- Utvid detaljseksjonen og slå den til På.
- Dra Inntekt % for å målrette til Detaljer-datafeltet.
Kortene dine viser nå referanseetiketter med detaljer: Enhetskortet viser returer med returrate, og Inntektskortet viser inntektsvariasjon med prosentandel til mål. Du kan også formatere referanseetiketter, inkludert å bruke betinget formatering for å justere farger basert på verdier.
Legg til et toppnivåbilde
Kortvisualobjektet kan vise et bilde sammen med bildeforklaringsverdien i stedet for i det. Dette oppsettet er nyttig for større bilder og for SVG-er som viser flere detaljer enn et lite bildeforklaringsikon, for eksempel en trendlinje.
I dette eksemplet må du først forenkle kortet ved å fjerne de tidligere tilleggene, slik at trenddiagrammet kan sette søkelyset på følgende:
- Velg ditt kortvisual.
- Fjern kanal og produktlinje fra kategorifeltbrønnen.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Utvid referanseetiketter under Visualobjekt-fanen. Velg Alle i rullegardinlisten Bruk innstillinger på, og velg deretter Tilbakestill til standard nederst i inndelingen.
Bruk nå trendmålene som er opprettet i det første TMDL-skriptet til å vise et kompakt linjediagram, og bytt til en rikere variant når en bruker peker på kortet.
Alle Units 6mo trend, Units 6mo trend - hover, Revenue 6mo trendog Revenue 6mo trend - hover målene kaller den gjenbrukbare TrendSVGDAX-brukerdefinerte funksjonen for å gjengi et SVG-linjediagram i løpet av de siste seks månedene. Pekervariantene legger til skyggelagte segmenter (grønt når du stiger, rødt når de faller) og fete verdietiketter for hver periode.
Slik viser du trenddiagrammet som bildet på øverste nivå på hvert kort, og bytter til pekerfølsom variant når en bruker peker på kortet:
- Velg ditt kortvisual.
- I Visualiseringer-ruten velger du Formater visualobjekt-ikonet .
- Under fanen Visuell, utvid Bilde-seksjonen.
- I innstillingene Bruk til nedtrekksmenyen, velg Cards = Units.
- Angi tilstander som standard.
- Slå bildetpå.
- Sett bildekilden til å velge fra data.
- Velg trend for enheter 6mo fra rullegardinlisten for feltet.
- Angi bildepassform til Tilpass.
- Sett tilstander til å hovre.
- Slå bildetpå.
- Sett bildekilden til å velge fra data.
- Velg trend for enheter 6mo – hold pekeren over rullegardinlisten for feltet.
- Angi bildepassform til Tilpass.
- I innstillingene Bruk til nedtrekksmenyen, velg Cards = Revenue.
- Angi tilstander som standard.
- Slå bildetpå.
- Sett bildekilden til å velge fra data.
- Velg Omsetning 6mo-trend fra rullegardinlisten for feltet.
- Angi bildepassform til Tilpass.
- Sett tilstander til å hovre.
- Slå bildetpå.
- Sett bildekilden til å velge fra data.
- Velg Omsetning 6mo-trend – hold pekeren over rullegardinlisten for feltet.
- Angi bildepassform til Tilpass.
Hvert kort viser nå et linjediagram over de etterfølgende seks månedene av måleverdien sammen med bildeforklaringsverdien. Når en bruker peker på et kort, bytter diagrammet til den pekerfølsomme varianten med skyggelagt stigning og fallsegmenter og verdietiketter.
Hvis du vil fremheve trenddiagrammene sammen med bildeforklaringsverdiene, justerer du kortoppsettet:
- Under Bildeforklaring deaktiverer du veksleknappen for bilde for hvert kort for å fjerne bildeforklaringsikonene.
- Under Kortoppsett>, sett Arrangement til horisontalt.
- Angi ordre til bildeforklaring, bilde, referanseetiketter.
- Sett Callout-størrelsen til 40%.
Bruke betinget formatering
Du kan formatere mange elementer i kortvisualobjektet betinget, for eksempel skriftfarge, bakgrunnsfarge og kantlinjefarge. Bruk betinget formatering til å rette oppmerksomheten mot bestemte kort basert på de underliggende dataene. Uthev for eksempel et kort der omsetningen mangler målet. Hvis du vil ha mer informasjon om de tilgjengelige regeltypene og hvordan du konfigurerer dem, kan du se Oversikt over betinget formatering.
Eldre enkeltkort- og flerkortsgrafikk
Før lanseringen i november 2025 inkluderte Power BI to separate kortvisualiseringer: enkeltkortvisualiseringen for visning av ett mål og flerkortsvisualiseringen for visning av flere mål. Disse gamle visuelle elementene er fortsatt tilgjengelige for bakoverkompatibilitet. Eksisterende rapporter som bruker disse visuelle elementene fortsetter å gjengi uten endringer.
Den nye kortvisualiseringen erstatter begge eldre visuelle elementer og anbefales for nye rapporter. Når du velger kortikonet i Visualiseringspanelet, skapes det nye kortbildet som ble introdusert i november 2025-utgivelsen for generell tilgjengelighet.
For å få tilgang til de eldre enkeltkort- og flerkort-grafikkene:
- I Visualiseringspanelet , velg de tre prikkene (...).
- Velg Gjenopprett standardvisuelle elementer.
De eldre visuelle elementene vises i det ufestede området i Visualiseringspanelet, hvor egendefinerte visuelle elementer vanligvis vises. Brukere som trenger å opprettholde legacy-adferd bør fortsette å bruke eksisterende legacy-kortvisualiseringer i rapportene sine.
Viktige faktorer og begrensninger
Ofte stilte spørsmål om kort brukt i rapporter under forhåndsvisning
Hvorfor tilbakestilles kolonneinnstillingen til 10 eller radinnstillingen til 10 når jeg tidligere satte den til et annet tall?
Under forhåndsvisningen kan du sette et kolonne- eller radnummer for et rutenett, vertikalt eller horisontalt oppsett av kort. Etter utgivelsen i november 2025 beholdes kun rutenettoppsettet. Vertikale og horisontale oppsett settes tilbake til 10 kolonner og 10 rader på eksisterende rapporter, inkludert publiserte rapporter. Rullefelt kan dukke opp i dine eksisterende kortgrafikker for å tilpasse seg disse innstillingene. Kun rapporter publisert eller opprettet med kortets visuelle effekt under forhåndsvisningen blir påvirket.
For å sette kortene tilbake til forrige kolonne- og radnummer, oppdater disse innstillingene i Power BI Desktop fra november 2025 og publiser rapporten eller rediger den på nettet.
Hvorfor tar kortene opp mer plass?
Under forhåndsvisningen hadde standardinnstillingene mindre polstring i kortene. Etter lanseringen i november 2025 ble det lagt til mer polstring og flere polstringsalternativer på kortet. Den nye standarden er 12px.
For å finne og justere disse innstillingene, søk etter "Padding" i formatpanelet og juster etter behov. I noen tilfeller kan det å slå på individuell utfylling gjenopprette tidligere utfyllingsinnstillinger.
Utfylling kan settes i en egendefinert temafil eller legges til i din egen egendefinerte temafil for å anvende dem på alle kortene i rapporten din.
{
"$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
}]
}
}
}
}
For mer informasjon, se Power BI rapporttemaer.
Hvorfor finnes det et referansemerkeområde på kort uten referanseetikett?
Under forhåndsvisningen var referanseetikettene en del av callout-området når skilleveggen var slått av. Etter november 2025 har referanseetikettene sitt eget område. Når et område er brukt i minst ett kort, holder de andre kortene det området tilgjengelig for å opprettholde konsistens på tvers av kortene.
Hvorfor skjuler referanseetiketten teksten i opplysningen?
Under forhåndsvisningen var referanseetikettene en del av callout-området. Etter november 2025 har referanseetikettene sitt eget område. De tar nå også opp 50% av kortet som standard.
For å justere kortets områdestørrelser, gå til Cards, sørg for at Apply-innstillingen for kontroll er satt til Alle, og juster deretter Callout-størrelsen %i Layout.
Hvorfor er det lagt til en bakgrunnsfarge på kortreferanseetiketten?
Under forhåndsvisningen viste bakgrunnsfargen bare når referanseetiketten hadde en skillevegg. Skilleveggen ga referanseetikettene sitt eget område på kortet som de deretter kunne legge til en bakgrunn på. Etter utgivelsen i november 2025 har referanseetiketter alltid sitt eget område med eller uten skillevegg, og en standard bakgrunn brukes.
Bakgrunnen kan slås av ved å gå til referanseetiketter layout>bakgrunn i formatpanelet og slå av innstillingen.
Denne innstillingen kan settes i en egendefinert temafil eller legges til i din egen egendefinerte temafil for å anvende dem på alle kortene i rapporten din.
{
"$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
}]
}
}
}
}
For mer informasjon, se Power BI rapporttemaer.
Hvorfor kan jeg ikke se bildeinnstillingene mine i formatpanelet?
Under forhåndsvisningen ble callout-bildet lagt til ved hjelp av bildedelen i formatpanelet og vist i callout-området ved siden av teksten. Etter november 2025 ble de bildene som tidligere var lagt til, beholdt i callout-området, og innstillingene deres ble flyttet til Callout> Image-seksjonen i formatpanelet. Å sette bilde-seksjonen i formatpanelet legger nå til et nytt bilde på kortet med eget område.
Hvorfor er bildet mitt nå zoomet inn?
Under forhåndsvisningen ble standardinnstillingene for bildestørrelsen rettet opp med oppdateringen i november 2025. Avhengig av dine opprinnelige innstillinger kan bildet se "zoomet inn" eller annerledes ut enn før.
For å fikse bildet, juster i formatpanelet Callout>Image-innstillingene for at bildetilpasningen skal passe eller sentreres, og sjekk størrelses - og bildearealstørrelseskontrollene i samme formateringsseksjon. Merk at denne innstillingen er på et nytt sted, og toppnivå-bildeseksjonen er nå for kortbildet.
Hvorfor er bildet i kategorioverskriften min borte?
Gå til Kategori-headerinnstillinger og slå på legg til bilde igjen. Bildet ditt skal fortsatt være der.
Hvorfor ser det nye kortbildet i en publisert rapport annerledes ut enn det gjør på Desktop?
Forskjeller mellom skrivebordet og tjenesten kan oppstå i to situasjoner.
- Du bruker en versjon av Desktop før november 2025, da kortet var i forhåndsvisning. Da den ble publisert til tjenesten, ble den oppgradert til å være den generelt tilgjengelige versjonen av det nye kortets visuelle bilde. Enten oppdater du Power BI Desktop eller redigerer rapporten på nettet etter publisering for å justere stilen.
- Du bruker november 2025-versjonen av Power BI Desktop, og oppdateringen for det generelt tilgjengelige kortet er ikke i din tjenesteregion. Når tjenesteregionen er oppdatert, ser kortet likt ut. Denne oppførselen bør bare forekomme i noen få regioner i slutten av november 2025.
Standard virkemåteendringer fra forhåndsvisning
Standardvirkemåten for kortvisualobjektet er forskjellig fra virkemåten for forhåndsvisningen. Ved generell tilgjengelighet og i etterfølgende oppdateringer har vi gjort endringer for å forbedre oppsettkonsekvens, visuell justering og den generelle brukeropplevelsen.
- Justering av callout-bildet: Under forhåndsvisningen var callout-bildet justert til callout-etiketten, noe som kan etterlate en del av callout-beholderen tom. Nå stemmer bildet overens med callout-beholderen.
- Bakgrunnsbildetilpasning: Under forhåndsvisning kunne bakgrunnsbildet gjenta seg for å fylle beholderen. Nå samsvarer bildetilpasningsalternativene med andre visuelle bildealternativer som tilpasning, strekk, fyll og sentrum.
- Ytterpolstring på referanseetiketten: Under forhåndsvisningen hadde referanseetiketter en ytre polstringsinnstilling som utilsiktet påvirket opplysningsområdet ved å skyve elementer ut av posisjon rundt skilleveggen. Nå er den ytre polstringen fjernet fra referanseetiketter.
- Fit to space (omdøpt fra Autogrid): Under forhåndsvisningen ville visualiseringene etterlate en tom kolonne for å matche det angitte antallet kolonner. Med tillegg av Fit to space, arrangerer den kortene for å fylle den visuelle beholderen basert på kortene som er til stede. Denne innstillingen kan slås av for å gå tilbake til tidligere oppførsel.
Formateringsinnstillinger
- Det (nye) kortvisualobjektet er generelt tilgjengelig som kortvisualobjektet. Hvis du brukte kortvisualobjektet i forhåndsvisningsfasen, kan du legge merke til virkemåte eller formateringsendringer som gjenspeiler forbedringer introdusert ved generell tilgjengelighet og i etterfølgende oppdateringer.
- Den nye kortgrafikken inkluderer oppdatert standarddesign. Nyopprettede kort kan se annerledes ut enn eldre kort og fra kort som ble opprettet under forhåndsvisningen, mens eksisterende visualobjekter forblir uendret.
- Når du formaterer kortets visuelle profil, kan du legge merke til at noen av formatinnstillingene er på et annet eller nytt sted, eller at navnet på innstillingen er endret.
- I tidligere versjoner av kortvisualiseringen var Callout-bildet tilgjengelig som en del av bildekortet. Dette bildet er nå i Callout-seksjonen i Format-panelet .
- Enkelte oppsettsordninger kan påvirke eksisterende rapporter som brukte kortvisualobjektet i forhåndsvisningsfasen. Denne effekten skyldes oppdateringer gjort på alle kortkomponenter som en del av den generelle tilgjengelighetsutgivelsen, inkludert forbedringer i layout, styling og bildehåndtering.
- Hvis du tidligere stolte på bildekortoppsettet, oppdater grafikken din deretter ved å bruke Format-panelet for å få tilgang til og konfigurere Callout-bildeinnstillingene.