Muistiinpano
Tämän sivun käyttö edellyttää valtuutusta. Voit yrittää kirjautua sisään tai vaihtaa hakemistoa.
Tämän sivun käyttö edellyttää valtuutusta. Voit yrittää vaihtaa hakemistoa.
Koskee seuraavia:✅ Power BI Desktop ja Power BI -palvelu
Power BI:n kortin visuaalinen näyttö näyttää keskeiset mittarit joustavassa ja visuaalisesti houkuttelevassa muodossa. Jokainen kortti näyttää mittaarvon, jossa on valinnaiset kutsukuvat, viitetarrat ja tukevat tiedot. Voit näyttää useita kortteja yhtenä visuaalina, jakaa ne kategorioihin ja räätälöidä asettelut raporttisi suunnitteluun sopivaksi.
Useiden mittareiden ja viitetarkkojen yhdistäminen yhdeksi visuaaliksi parantaa raportin suorituskykyä lyhentämällä visuaalista latausaikaa ja optimoimalla taustalla olevat kyselyt semanttiseen malliin. Voit myös käyttää dataohjattuja kuvia luodaksesi omia visualisointeja, jotka vastaavat dataasi.
Muistiinpano
(Uusi) kortin visualisointi on yleisesti saatavilla kortin visualisointina. Raportit, joissa on legacy-kortin visuaali, käyttävät edelleen vanhan kortin visuaalia.
Luo kortti visuaalisesti
Visualisointipaneelissa valitse Build-visuaalinen välilehti ja valitse sitten Card visual visuaalisesta galleriasta.
Lisää mitta tai mikä tahansa datasarake Arvot-kenttään.
Nyt sinulla on yksinkertainen kortti. Voit lisätä niin monta arvoa kuin haluat, ja lisää kortteja ilmestyy.
Muokkaa kortin visuaalista asettelua
Kortin visuaalinen versio tarjoaa useita asetteluvaihtoehtoja, jotka tekevät visuaalisuudestasi järjestelmällisempiä ja houkuttelevampia. Näihin asetuksiin pääsee valitsemalla Muotoilu-visuaalinen kuvake Visualisointi-paneelista ja valitse sitten Visuaali-välilehti.
Korttien asettelu
Korttien>asettelu ohjaa, miten elementit on aseteltu kussakin kortissa. Jokaisessa kortissa voi olla kolme osaa: kutsu, kuva ja viitetarrat. Käytä näitä asetuksia säätääksesi elementtien sijoitusta, kohdistusta ja väliä.
Kortin visuaalissa on dynaaminen kollaasiasettelu , jonka avulla voit korostaa yhtä osaa, kun kaksi muuta jakavat jäljellä olevan tilan. Voit myös räätälöidä kutsun, viitemerkin ja sankarikuvan näyttöjärjestyksen ja antaa niille eri taustavärit.
Callout-asettelu
Callout-asettelu> ohjaa kutsun pystysuuntaista kohdistusta ja kokoa jokaisen kortin kutsu-osiossa.
Viitetarrojen asettelu
Viiteotsikoiden asettelu -asetuksella määritetään, miten viiteotsikot järjestetään kunkin kortin viiteotsikoiden osiossa. Voit säätää viiteotsikoiden pysty- ja vaakasuuntaista tasausta sekä mukauttaa ulkoasua, mukaan lukien aukkoja, täyttöä, taustoja ja paljon muuta.
Monikorttiasettelu
Monikorttiasettelu räätälöi, miten useat kortit sopivat visuaaliseen säiliöön. Kun sinulla on useita arvoja, tämä asetus ohjaa korttien järjestelyä.
Monikategoriainen asettelu
Monikategoriainen asettelu määrittää, miten kukin kategoriaosio on aseteltu (kuten Kanada, Saksa). Käytä tätä asetusta, kun kortin visuaaliseen kuvaan on lisätty kategorioita. Jokaisessa kategoriaosiossa kortit on järjestetty monikorttiasetteluasetusten mukaan.
Kiinteä koko ja sopivuus tilaan
Multicard-asetteluosiossa voit hallita, miten kortteja on koottu visuaalisessa säiliössä:
- Kiinteä koko: Kytke tämä asetus päälle määrittääksesi tarkat pikselimitat jokaiselle kortille. Kun visuaalinen säiliö ei ole tarpeeksi suuri näyttämään kaikkia kortteja sovitussa koossa, vierityspalkit ilmestyvät automaattisesti. Kun muutat visuaalin kokoa, kortit säilyttävät määritetyt mitat sen sijaan, että ne skaalautuisivat suhteellisesti.
- Sopiva tilaan: Kun kortit ovat päällä, ne kasvavat tai kutistuvat täyttääkseen visuaalisen säiliön mukana olevien korttien mukaan. Kun pois päältä, visuaalinen varaan tilaa määrätylle määrälle kortteja, vaikka kortteja olisi vähemmän.
Kiinteä koko ja Sopivuus tilaan ovat toisensa poissulkevia. Kun kiinteä koko on käytössä, tilaan sovittaminen on pois päältä, koska mitat ohjataan nyt eksplisiittisesti.
Lisää kuva
Power BI:n korttien visuaalinen ominaisuus antaa sinun luoda visuaalisesti houkuttelevia kortteja, jotka yhdistävät mittareita useisiin kuvavaihtoehtoihin, kuten:
- Kuva: Suuri, näkyvä kuva, joka voi esitellä tuotekuvia, kampanjagrafiikoita tai brändättyjä kuvia suoraan kortin sisällä. Määritä tämä vaihtoehto format-paneelin Kuva-osiossa .
- Callout-kuva: Pienempi kuva calloutin sisällä, joka tarjoaa hienovaraisia parannuksia, toimien hyvin brändäyselementtien tai pienten visuaalisten vihjeiden kanssa ilman, että metrinäyttö ylikuormittuu. Määritä tämä vaihtoehto Callout>Imagessa.
- Kategorian otsikon taustakuva: Taustakuva kategorioiden otsikoille, kun kortin visuaaliseen on lisätty kategorioita. Määritä tämä vaihtoehto Kategorian otsikkoosiossa .
Kuvien lisääminen kortin visuaaliin:
- Lisää kuva: Kun kortin visuaali on valittu, valitse Visualisointi-paneelistaMuotoile visuaalinen kuvake. Visual-välilehden alla laajenna Image-kortti. Valitse korttisi Cards-pudotusvalikosta ja aseta sitten Image-kytkinpäälle.
- Lisää kutsukuva: Valitse visualisointipaneelistaMuotoilu-visuaalinen kuvake. Visual -välilehdellä laajenna Callout-kortti. Varmista, että korttisi on valittu Apply-asetuksista, laajenna Image-asetukset ja aseta sitten Image-kytkinpäälle.
Voit lisätä kuvia kaikissa kuvatyypeissä lataamalla ne paikallisesta laitteesta, liittämällä kuvan URL-osoitteen (mukaan lukien linkit OneLaken kuvatiedostoihin) tai valitsemalla kuvan tietosarakkeesta. Voit myös räätälöidä kuvan istuvuutta ja valita erilaisia kuvaefektejä sen ulkonäön parantamiseksi.
Kuvan tilat
Kuva-osiossa on Tila-pudotusvalikko, jonka avulla voit määrittää erilliset kuva-asetukset oletus- ja hover-tiloille. Käytä hover-tilaa muuttamaan, miltä kuva näyttää, kun käyttäjä osoittaa korttia – esimerkiksi vaihtamalla kuvan lähdettä, säätämällä kuvan sopivuutta tai muuttamalla taustaväriä.
- Kun kortin visuaali on valittu, valitse Visualisointi-paneelistaMuotoile visuaalinen kuvake.
- Visual-välilehden alla laajenna Kuva-osio.
- Apply settings to -alueesta valitse haluamasi kortti Cards-pudotusvalikosta.
- Aseta tilatleijumaan.
- Määritä kuvan lähde, kuvan sovitus, läpinäkyvyys, efektit ja taustaväri käytettäväksi, kun käyttäjä osoittaa korttia.
Hover-tilalle asetetut asetukset ovat voimassa vain, kun käyttäjä osoittaa korttia. Oletustila ohjaa kuvan normaalia ulkonäköä.
Muistiinpano
Jos lisäät kortin visuaaliseen kategoriaan ja kaikki kortit näyttävät saman kuvan eri kuvien sijaan, valitse Apply settings to to the drop-valikko. Kun tämä asetus on Kaikki, visuaali soveltaa samaa kuvaa jokaiseen korttiin. Valitse tarkka callout-arvo, jotta kortille voidaan määrittää eri kuvat, kuten datasarakkeen kuvat.
Lisää kategorioita
Voit lisätä kategorioita kortin visuaaliseen kuvaan vetämällä kentän Kategoriat-kenttään Visualisointi-paneelinRakenna-visuaali-osiossa. Kun lisäät kategorian, kortin visuaalinen kuva laajenee näyttämään erillisen osion jokaiselle kategorian arvolle, jossa jokainen osio näyttää kyseisen kategorian mukaan leikattu data.
Kategorian otsikot ovat valittavissa, ja ne suodattavat raportin muita visuaaleja, kun ne valitaan. Tämä toiminto antaa käyttäjille mahdollisuuden olla vuorovaikutuksessa korttisi visuaalisen version kanssa tutkiakseen dataa eri segmenteissä.
Kategoriavalinta
Kun valitset kategorian otsikon, muut kategoriakortit himmenivät osoittaen nykyisen valinnan. Voit toimia seuraavasti:
- Valitse useita kategorioita: Pidä Ctrl-painiketta pohjassa ja valitse muita kategorioiden otsikoita suodatettavaksi useiden arvojen mukaan.
- Poista kategorian valinta: Valitse kategorian otsikko uudelleen poistaaksesi sen valinnasta.
- Hallitse, mitkä visuaalit suodatetaan: Käytä Muokkaa-vuorovaikutuksiaFormat-valikosta valitaksesi, mitkä raporttisivun visuaalit vaikuttavat kortin visuaalin valinnoista.
Kategorioosioiden asettelu ohjataan Visual-välilehden muotopaneelin Multi-category layout -osiolla. Jokaisessa kategoriaosiossa yksittäisten korttien järjestelyä ohjaa edelleen monikorttiasetteluosio. Jokaisen kortin elementit, kuten kutsu, kuva ja viitetarrat, ohjataan Korttien> asettelu-osiossa.
Näytä täydet luvut tai muuta näyttöyksiköitä
Oletuksena kortin visualisoinnin kuvaselitteen arvossa Näyttöyksiköt-asetuksena on Automaattinen, joka lyhentää suuria lukuja K -, M (miljoonat)- tai B (miljardit) -jälkiliitteillä. Esimerkiksi 11,732 näkyy muodossa 12K. Jos haluat nähdä koko luvun ja poistaa K-, M- tai B-jälkiliitteet, vaihda näyttöyksiköiksi Ei mitään:
- Valitse kortin visualisointi.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Laajenna Kuvaselitteen arvot>.
- Määritä Näyttöyksiköt-kohdan arvoksi Ei mitään.
Jos käytät mukautettua muotoilumerkkijonoa, mutta arvossa näkyy silti K-, M- tai B-jälkiliite, Näyttöyksiköt-asetus on syy muotoilumerkkijonon asemesta. Lisätietoja löytyy kohdasta Vianetsintä ei-toivotusta automaattisesta skaalaamisesta.
Korttien läpipeluu
Seuraa tätä opastusta rakentaaksesi kattavan kortin visuaalisen kuvan vaihe vaiheelta.
Muistiinpano
Näissä vaiheittaisissa ohjeissa käytetään Fluent 2 -perusteemaa, joka on uusien raporttien oletusteema.
Esimerkkitiedot
Jotta voit seurata tämän ohjeartikkelin esimerkkejä, määritä mallitaulukko, mittarit ja uudelleenkäytettävä trendifunktio tyhjässä Power BI Desktop -raportissa.
Avaa Power BI Desktop ja luo uusi tyhjä raportti.
Avaa TMDL-näkymä valitsemalla TMDL vasemmalta puolelta.
Liitä seuraava TMDL-komentosarja ja valitse Käytä:
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"]Komentosarja luo Product Line Sales - taulukon, joka sisältää kuuden kuukauden mallitiedot. Sen pohjamittarit ovat vaiheittaisten ohjeiden mukaisesti käytetyt perusmittarit, kuvaselitekuvakkeen mittarit (
Units callout image,Revenue callout image), trendimittarit (Units 6mo trend,Units 6mo trend - hover,Revenue 6mo trend,Revenue 6mo trend - hover) sekä käyttäjän määrittämä uudelleenkäytettäväTrendSVGDAX-funktio, joka hahmontaa SVG-viivakaavion valinnaisella hover-variantilla.
Luo peruskortti
Visualisointipaneelissa valitse Build-visuaalinen välilehti ja valitse sitten Card visual visuaalisesta galleriasta.
Vedä yksiköt Arvot-kenttään hyvin.
Vedä tulot hyvin arvokenttään.
Nyt sinulla on monikorttikuva, joka näyttää kokonaisyksiköt ja kokonaisliikevaihdon.
Lisää callout-kuva
Jotta korttisi olisi visuaalisesti houkuttelevampi, lisää kuva kutsualueelle. Alkuperäinen TMDL-komentosarja loi jo kaksi mittaria, jotka palauttavat yksinkertaisia SVG-kuvakkeita: Units callout image ( # symboli ympyrän sisällä) ja Revenue callout image ( $ symboli ympyrän sisällä). Voit määrittää ne korteille seuraavasti:
- Valitse korttisi visuaalisesti.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Visual-välilehden alla laajenna Callout.
- Valitse Apply to to -asetuksistaYksiköt.
- Laajenna Kuva ja vaihda se Päälle.
- Aseta kuvatyyppivalitaksesi datasta.
- Valitse Yksiköiden kutsukuva kentän pudotusvalikosta.
- Aseta kuvan sovituskeskelle.
- Aseta koko40 pikseliin.
- Valitse pudotusvalikosta Apply to to Revenue (Tulot).
- Laajenna Kuva ja vaihda se Päälle.
- Aseta kuvatyyppivalitaksesi datasta.
- Valitse Revenue callout -kuva kentän pudotusvalikosta.
- Aseta kuvan sovituskeskelle.
- Aseta koko40 pikseliin.
Jokainen kortti näyttää nyt kuvakekuvakkeen kuvakealueella mittausarvonsa rinnalla.
Esitys kategorioittain
Lisää kategoria, joka näyttää tietosi segmentittäin jaoteltuna.
- Vedä Tiedot-ruudussaKanavaLuokat-kenttään.
- Vedä tuoteriviLuokat-kenttään , jos haluat eritellä tiedot edelleen kunkin kanavan tuoterivin mukaan.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Visual-välilehdellä laajenna Multi-category layout.
- Laajenna Asettelu, vaihda Sovita tilaanPois käytöstä ja määritä Rivit-arvoksi6 , jos haluat näyttää kaikki luokat.
Muistiinpano
Kun Sovita tilaan on käytössä, rivien enimmäismäärä on 4. Voit näyttää enemmän rivejä poistamalla Sovita tilaan -asetuksen käytöstä.
Kortin visualisoinnissa näkyy nyt erillinen osio kullekin kanavalle ja tuoteriviyhdistelmälle. Kussakin osiossa näkyvät yksiköt ja tuotto sekä niiden kuvaselitteet.
Lisää viitetarrat
Viitetarrat antavat kontekstin päämittarillesi. Voit myös lisätä yksityiskohtia viitetarroihin saadaksesi tarkempaa tietoa.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Visuaali-välilehdellä laajenna Viittaustarrat -osio.
- Valitse Apply to to -asetuksistaYksiköt.
- Vedä takaisinLisää etikettitietokenttään .
- Valitse Lisää etiketti -pudotusvalikosta Palautukset.
- Laajenna Yksityiskohdat ja vaihda se Päälle.
- Vedä palautusnopeusData-kenttään .
- Valitse pudotusvalikosta Apply to to Revenue (Tulot).
- Vedä Revenue -varianssi Add label -tietokenttään.
- Lisää tunniste -pudotusvalikosta valitse Tulojen varianssi.
- Laajenna Yksityiskohdat ja vaihda se Päälle.
- Drag Revenue % kohdistettavaksi Yksityiskohdat-tietokenttään.
Korteillasi on nyt viitetarrat ja yksityiskohdat: Yksiköt-kortti näyttää palautuksia palautusprosentilla, ja Tulokortti osoittaa tulojen vaihtelua prosenttiosuudella tavoitteeseen. Voit myös muotoilla viitetarruksia, mukaan lukien ehdollisen muotoilun avulla värien säätämiseen arvojen perusteella.
Lisää ylätason kuva
Kortin visualisointi voi näyttää kuvaselitteen arvon rinnalla sen sijaan, että se olisi sen sisällä. Tästä asettelusta on hyötyä suuremmille kuville ja SVG-tiedostoille, jotka näyttävät enemmän yksityiskohtia kuin pieni kuvake, kuten trendiviiva.
Tässä esimerkissä yksinkertaistat ensin korttia poistamalla aiemmat lisäykset, jotta trendikaavio voi ottaa korostuksen:
- Valitse korttisi visuaalisesti.
- Poista Luokat-kentästäKanava ja Tuoterivi.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Laajenna Visualisointi-välilehdenviiteotsikot. Valitse avattavasta Käytä asetuksia - valikosta Kaikki ja valitse sitten osion alareunasta Palauta oletukset .
Käytä nyt ensimmäisessä TMDL-komentosarjassa luotuja trendimittareita lyhyen viivakaavion näyttämiseksi ja siirry monipuolisempään varianttiin, kun käyttäjä osoittaa korttiin.
Kaikki -, -, - ja Units 6mo trend -mittarit kutsuvat uudelleenkäytettävää Units 6mo trend - hoverRevenue 6mo trend hahmontamiseksi viimeisten kuuden kuukauden ajalta. Revenue 6mo trend - hoverTrendSVG Hover-variantit lisäävät varjostetut segmentit (vihreät, kun ne nousevat, punainen laskiessa) ja lihavoidut arvotunnisteet jokaiselle kaudelle.
Jos haluat näyttää trendikaavion kunkin kortin ylimmän tason kuvana, ja vaihda hiirivaihtoehdoksi, kun käyttäjä osoittaa korttiin:
- Valitse korttisi visuaalisesti.
- Valitse Visualisoinnit-ruudussaMuotoile visualisointi -kuvake.
- Visual-välilehden alla laajenna Kuva-osio.
- Valitse Apply to to -asetuksistaCards = Units.
- Määritä Osavaltiot-kohdanarvoksi Oletus.
- Vaihda kuvapäälle.
- Aseta kuvalähdevalitaksesi datasta.
- Valitse Yksiköiden 6mo-trendi kentän avattavasta valikosta.
- Määritä Kuva sovita - asetukseksi Sovita.
- Aseta tilatleijumaan.
- Vaihda kuvapäälle.
- Aseta kuvalähdevalitaksesi datasta.
- Valitse Yksiköiden 6mo-trendi – vie hiiren osoitin kentän avattavasta valikosta.
- Määritä Kuva sovita - asetukseksi Sovita.
- Valitse Apply to to -asetuksistaCards = Revenue.
- Määritä Osavaltiot-kohdanarvoksi Oletus.
- Vaihda kuvapäälle.
- Aseta kuvalähdevalitaksesi datasta.
- Valitse tuotto 6motrendi kentän avattavasta valikosta.
- Määritä Kuva sovita - asetukseksi Sovita.
- Aseta tilatleijumaan.
- Vaihda kuvapäälle.
- Aseta kuvalähdevalitaksesi datasta.
- Valitse Tuotto 6mo-trendi – vie hiiren osoitin kentän avattavasta valikosta.
- Määritä Kuva sovita - asetukseksi Sovita.
Jokaisessa kortissa näkyy nyt viivakaavio sen mittausarvon lopussa olevista kuudesta kuukaudesta kuvaselitteen arvon rinnalla. Kun käyttäjä osoittaa korttiin, kaavio vaihtaa hiirivarianttiin varjostetun nousu- ja laskusegmenttien ja arvootsikoiden avulla.
Voit korostaa trendikaavioita kuvaselitearvojen rinnalla säätämällä kortin asettelua:
- Poista kuvakuvat käytöstä poistaen kuvakekuvakkeet poistaen Kuva-vaihtopainikkeen kunkin kortin kuvakkeista.
- Korttien>asettelussa aseta asetteluvaakatasoon.
- Määritä järjestykseksiKuvaselitteet, Kuva, Viiteotsikot.
- Aseta Calloutin koko40%.
Ehdollisen muotoilun lisääminen
Voit muotoilla ehdollisesti monia kortin visualisoinnin elementtejä, kuten fontin värin, taustavärin ja reunan värin. Ehdollisen muotoilun avulla voit kiinnittää huomion tiettyihin kortteihin pohjana olevien tietojen perusteella. Korosta esimerkiksi kortti, jossa tuotto ei saavuta tavoitettaan. Lisätietoja käytettävissä olevista sääntötyypeistä ja niiden määrittämisestä on kohdassa Ehdollisen muotoilun yleiskatsaus.
Perintö yksikortti- ja monikorttigrafiikka
Ennen marraskuun 2025 julkaisua Power BI sisälsi kaksi erillistä korttikuvaa: yhden kortin visuaalisen yhden tahdin näyttämiseen ja monikorttisen visuaalisen useiden mittajen näyttämiseen. Nämä perinteiset grafiikat ovat edelleen saatavilla taaksepäin yhteensopivuutta varten. Olemassa olevat raportit, jotka käyttävät näitä visuaaleja, renderöityvät edelleen ilman muutoksia.
Uusi kortin visuaalinen versio korvaa molemmat vanhat visuaalit ja sitä suositellaan uusiin raportteihin. Kun valitset Kortti-kuvakkeen Visualisointi-paneelissa, luodaan uusi korttikuva, joka esiteltiin marraskuun 2025 yleisessä julkaisussa.
Pääset käsiksi vanhoihin yksittäiskortti- ja monikorttikuviin:
- Visualisointipaneelista valitse kolme pistettä (...).
- Valitse Palauta oletuskuvat.
Perintövisualisaatiot näkyvät Visualisointipaneelin kiinnittämättömässä osassa, jossa yleensä ilmestyy omat visuaalit. Käyttäjien, joiden täytyy ylläpitää vanhaa käyttäytymistä, tulisi jatkaa olemassa olevien legacy-korttien visuaalien käyttöä raporteissaan.
Huomioitavat asiat ja rajoitukset
Usein kysytyt kysymykset korteista, joita käytetään raporteissa esikatselun aikana
Miksi sarakkeen asetus palautuu arvoon 10 tai riviasetus nollautuu 10:een, vaikka aiemmin asetin sen eri numeroon?
Esikatselussa voit asettaa sarakkeen tai rivin numeron ruudukolle, pystysuoralle tai vaakatasoiselle korttien asettelulle. Marraskuun 2025 julkaisun jälkeen säilytetään vain ruudukon asetelma. Pystysuorat ja vaakasuuntaiset järjestelyt nollautuvat 10 sarakkeeseen, 10 riviin olemassa olevilla raporteilla, mukaan lukien julkaistut raportit. Vierityspalkit saattavat näkyä olemassa oleviin korttien visuaaleihin näiden asetusten vuoksi. Vain esikatselun aikana kortin visuaalilla julkaistut tai luodut raportit kärsivät.
Palauttaaksesi korttisi edelliseen sarakkeeseen, päivitä nämä asetukset marraskuun 2025 Power BI Desktopissa ja julkaise raportti tai muokkaa raporttia verkossa.
Miksi kortit vievät enemmän tilaa?
Esikatselussa oletusasetuksissa kortteissa oli vähemmän pehmustetta. Marraskuun 2025 julkaisun jälkeen korttiin lisättiin lisää pehmusteita ja pehmusteita. Uusi oletus on 12px.
Löytääksesi ja säätääksesi näitä asetuksia, etsi "Padding" format-paneelista ja säädä tarpeen mukaan. Joissain tapauksissa yksittäisen pehmusteen kytkeminen voi palauttaa aiemmat pehmusteasetukset.
Pehmuste voidaan asettaa mukautettuun teematiedostoon tai lisätä omaan räätälöityyn teematiedostoosi, jotta ne voidaan soveltaa kaikkiin raportin kortteihin.
{
"$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
}]
}
}
}
}
Lisätietoja löytyy PowerPoint BI:n raporttiteemat.
Miksi korteissa ilman viite-etikettiä on viite-etikettialue?
Esikatselun aikana viitetarrat olivat osa kutsualuetta, kun jakaja sammutettiin. Marraskuun 2025 jälkeen viitetarroilla on oma alueensa. Kun vähintään yhdessä kortissa käytetään aluetta, muut kortit pitävät sen käytettävissään, jotta korttien välillä pysyy johdonmukaisuus.
Miksi viite-etiketti peittää tekstin kutsussa?
Esikatselun aikana viitetarrat kuuluivat kutsualueeseen. Marraskuun 2025 jälkeen viitetarroilla on oma alueensa. Ne vievät nyt myös oletuksena 50% kortista.
Kortin pinta-alan kokojen säätämiseksi mene Kortit-kohtaan, varmista että Apply to Control -asetus on Kaikki, ja sitten asettelussa säädä Calloutin kokoa %.
Miksi kortin viiteetikettiin on lisätty taustaväri?
Esikatselussa taustaväri näkyi vain, kun viitetarrissa oli jakaja. Jakaja antoi viitetarroille oman alueensa kortissa, johon he voivat sitten lisätä taustan. Marraskuun 2025 julkaisun jälkeen viite-etiketeillä on aina oma alueensa, jakajalla tai ilman, ja käytetään oletustaustaa.
Taustan voi kytkeä pois päältä menemällä format-paneelin viiteetikettien> ja kytkemällä asetuksen pois päältä.
Tämän asetuksen voi asettaa mukautettuun teematiedostoon tai lisätä omaan teematiedostoosi, jotta ne voidaan soveltaa kaikkiin raportin kortteihin.
{
"$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
}]
}
}
}
}
Lisätietoja löytyy PowerPoint BI:n raporttiteemat.
Miksi en näe kuvan asetuksia format-paneelissa?
Esikatselun aikana callout-kuva lisättiin format-paneelin Kuva-osiosta ja se näytettiin callout-alueella tekstin vieressä. Marraskuun 2025 jälkeen aiemmin lisätyt kuvat pidettiin kutsu-alueella, ja niiden asetukset siirrettiin Callout>Image -osioon format-paneelissa. Kuva-osion asettaminen format-paneelissa lisää kortille uuden kuvan omalla alueellaan.
Miksi kuvani on nyt suurennettuna?
Esikatselun aikana kuvan kokoasetusten oletusasetukset korjattiin marraskuun 2025 päivityksen myötä. Alkuperäisistä asetuksista riippuen kuva voi näyttää "zoomatulta" tai erilaiselta kuin aiemmin.
Kuvan korjaamiseksi säädä Callout-kuvan> asetuksia format-paneelissa, jottakuvan sopivuuson sopiva tai keskelle, ja tarkista koon jakuvan pinta-alan koon säätimet samasta muotoiluosiosta. Huomaa, että tämä asetus on uudessa paikassa, ja ylätason kuva-osio on nyt korttikuvalle.
Miksi kategorian otsikkokuvani on poissa?
Mene kategorian otsikon asetuksiin ja ota takaisin päälle lisää kuva. Kuvasi pitäisi silti olla siellä.
Miksi uuden kortin visuaalinen kuva julkaistussa raportissa näyttää erilaiselta kuin työpöydällä?
Työpöydän ja palvelun erot voivat ilmetä kahdessa tilanteessa.
- Käytät Desktop-versiota ennen marraskuuta 2025, jolloin kortti oli esikatseluvaiheessa. Kun se julkaistiin palvelussa, se päivitettiin yleisesti saatavilla olevaksi uuden kortin visuaaliseksi versioksi. Päivitä Power BI Desktopisi tai muokkaa raporttia verkossa julkaisun jälkeen muuttaaksesi tyyliä.
- Käytät Power BI Desktopin marraskuun 2025 versiota, eikä yleisesti saatavilla olevan kortin päivitys ole palvelualueellasi. Kun palvelualue päivitetään, kortti näyttää samalta. Tämän käytöksen pitäisi tapahtua vain muutamilla alueilla marraskuun lopussa 2025.
Oletustoiminta muuttuu esikatselusta
Kortin visualisoinnin oletustoiminta eroaa sen esikatselutoiminnasta. Yleisesti saatavilla ja myöhemmissä päivityksissä teimme muutoksia asettelun yhdenmukaisuuden, visualisoinnin tasauksen ja yleisen käyttökokemuksen parantamiseksi.
- Callout-kuvan kohdistus: Esikatselun aikana kutsukuvan kohdistettu oli rajoitettu kutsumerkintätekstiin, mikä saattaa jättää osan kutsusäiliöstä tyhjäksi. Nyt kuva kohdistuu callout-säiliöön.
- Taustakuvan sopivuus: Esikatselun aikana taustakuva voi toistua täyttääkseen säiliön. Nyt kuvan sovitusvaihtoehdot sopivat yhteen muiden visuaalisten kuvavaihtoehtojen kanssa, kuten istuvuus, venytys, täyttö ja keskitys.
- Viiteetiketin ulkopehmuste: Esikatselun aikana viitetarroissa oli ulkoinen pehmusteasetus , joka vahingossa vaikutti kutsualueeseen työntämällä elementtejä pois paikoiltaan jakajan ympäriltä. Nyt ulomman pehmusteen asetus on poistettu viitetarroista.
- Sovitus tilaan (nimetty uudelleen Autogridiksi): Esikatselun aikana visuaalit jättivät tyhjän sarakkeen, joka vastasi määriteltyä määrää sarakkeita. Kun Fit to space on lisätty, se järjestää kortit täyttämään visuaalisen säiliön mukana olevien korttien perusteella. Tämän asetuksen voi kytkeä pois päältä palataksesi aiempaan toimintaan.
Muotoiluasetukset
- (Uusi) kortin visualisointi on yleisesti saatavilla kortin visualisointina. Jos käytit kortin visualisointia esikatseluvaiheessa, saatat huomata käyttäytymis- tai muotoilumuutoksia, jotka kuvastavat yleisesti saatavilla olevia ja myöhempiä päivityksiä.
- Uusi kortin ulkoasu sisältää päivitetyn oletustyylin. Juuri luodut kortit saattavat näyttää erilaisilta kuin aiemmat kortit ja esikatselun aikana luodut kortit, mutta olemassa olevat visualisoinnit pysyvät muuttumattomina.
- Kun muotoilet kortin visuaalia, saatat huomata, että jotkut asetuksista ovat eri tai uudessa paikassa, tai asetuksen nimi on muuttunut.
- Aiemmissa kortin visuaalisissa versioissa Callout-kuva oli saatavilla osana Image-korttia. Tämä kuva on nyt Format-paneelin Callout-osiossa.
- Tietyt asettelun järjestelyt saattavat vaikuttaa olemassa oleviin raportteihin, jotka käyttivät kortin visualisointia esikatseluvaiheessa. Tämä ilmiö johtuu kaikkien korttikomponenttien päivityksistä yleisen saatavuuden yhteydessä, mukaan lukien parannukset asetteluun, tyyliin ja kuvankäsittelyyn.
- Jos aiemmin luotit kuvakortin asetteluun, päivitä visuaalit sen mukaisesti käyttämällä Format-paneelia päästäksesi ja konfiguroidaksesi Callout-kuvan asetuksia.
Liittyvä sisältö
Visualisointien yleiskatsaus Power BI Vianmääritys visualisoinnissa Power BI