Δημιουργία προσαρμοσμένων θεμάτων αναφοράς στο Power BI Desktop

ΙΣΕΙ ΓΙΑ: Υπηρεσία Power BI Desktop Power BI

Αυτό το άρθρο περιγράφει πώς μπορείτε να δημιουργήσετε ένα αρχείο JSON προσαρμοσμένου θέματος αναφοράς για να προσαρμόσετε πλήρως την εμφάνιση και την αίσθηση των αναφορών σας Power BI. Για πληροφορίες σχετικά με την εφαρμογή και τη χρήση θεμάτων, ανατρέξτε στο θέμα Χρήση θεμάτων αναφοράς στο Power BI Desktop.

Δημιουργία αρχείου προσαρμοσμένου θέματος

Στο πιο βασικό του επίπεδο, το αρχείο JSON του θέματος έχει μόνο μία απαιτούμενη γραμμή: name.

{
    "name": "Custom Theme"
}

Εκτός από nameτο , όλα τα άλλα είναι προαιρετικά. Προσθέστε μόνο τις ιδιότητες που θέλετε να μορφοποιήσετε στο αρχείο θέματος. Μπορείτε να συνεχίσετε να χρησιμοποιείτε τις προεπιλογές του Power BI στο βασικό θέμα για τα υπόλοιπα.

Για παράδειγμα, μπορείτε να ορίσετε ένα προεπιλεγμένο μέγεθος γραμματοσειράς για όλα τα γραφήματα, να καθορίσετε οικογένειες γραμματοσειρών για ορισμένες απεικονίσεις ή να απενεργοποιήσετε τις ετικέτες δεδομένων για συγκεκριμένους τύπους γραφημάτων. Αυτή η προσέγγιση διευκολύνει την τυποποίηση της εμφάνισης των αναφορών του οργανισμού σας.

Κατά την εισαγωγή του αρχείου θέματος, το Power BI το επικυρώνει για να βεβαιωθεί ότι μπορεί να διαβάσει με επιτυχία τα πλήρη περιεχόμενά του. Εάν το Power BI εντοπίσει πεδία που δεν κατανοεί, εμφανίζει ένα μήνυμα σφάλματος και σας ζητά να εισαγάγετε ξανά ένα διορθωμένο αρχείο θέματος. Το Power BI δημοσιεύει το σχήμα επικύρωσης σε μια δημόσια θέση και το ενημερώνει αυτόματα κάθε φορά που αλλάζει το Power BI. Μπορείτε να χρησιμοποιήσετε αυτό το δημοσιευμένο σχήμα για να διασφαλίσετε ότι τα αρχεία θεμάτων σας παραμένουν ενημερωμένα.

Το Power BI επικυρώνει προσαρμοσμένα θέματα με βάση ένα σχήμα JSON. Μπορείτε να κάνετε λήψη αυτού του σχήματος JSON και να το χρησιμοποιήσετε με ένα IDE που υποστηρίζει επικύρωση JSON. Το σχήμα σάς βοηθά να προσδιορίσετε τις διαθέσιμες επιλογές μορφοποίησης και επισημαίνει τη μη έγκυρη μορφοποίηση. Για περισσότερες πληροφορίες, ανατρέξτε στο αποθετήριο δεδομένων σχήματος JSON θέματος αναφοράς.

Σημείωμα

Η τροποποίηση ενός προσαρμοσμένου θέματος αναφοράς JSON στο παράθυρο διαλόγου Προσαρμογή θέματος είναι ασφαλής. Το παράθυρο διαλόγου δεν τροποποιεί ρυθμίσεις θέματος τις οποίες δεν μπορεί να ελέγξει και ενημερώνει τις αλλαγές που έγιναν στο θέμα αναφοράς που υπάρχει.

Ένα αρχείο θέματος διαθέτει τέσσερα κύρια στοιχεία:

Οι ακόλουθες ενότητες περιγράφουν λεπτομερώς κάθε στοιχείο.

Ορισμός χρωμάτων θέματος

Στην περιοχή name, προσθέστε τις ακόλουθες βασικές ιδιότητες που σχετίζονται με το χρώμα των δεδομένων:

  • dataColors: Αυτοί οι δεκαεξαδικοί κώδικες προσδιορίζουν το χρώμα των σχημάτων που αναπαριστούν δεδομένα σε απεικονίσεις του Power BI Desktop. Αυτή η λίστα μπορεί να έχει όσα χρώματα θέλετε. Όταν χρησιμοποιούνται όλα τα χρώματα, το Power BI δημιουργεί αυτόματα πρόσθετα μοναδικά χρώματα προσαρμόζοντας τον κορεσμό και την απόχρωση.
  • good, , neutralbad: Αυτές οι ιδιότητες ορίζουν τα χρώματα κατάστασης που χρησιμοποιούνται από το γράφημα καταρράκτη και την απεικόνιση KPI.
  • maximum, , centerminimum, null: Αυτά τα χρώματα ορίζουν τα διάφορα χρώματα διαβάθμισης στο παράθυρο διαλόγου μορφοποίησης υπό όρους.

Ένα βασικό θέμα που ορίζει αυτά τα χρώματα μπορεί να εμφανίζεται ως εξής:

{
    "name": "Custom Theme",
    "dataColors": [
        "#118DFF",
        "#12239E",
        "#E66C37",
        "#6B007B",
        "#E044A7",
        "#744EC2",
        "#D9B300",
        "#D64550",
        "#197278",
        "#1AAB40"
    ],
    "good": "#1AAB40",
    "neutral": "#D9B300",
    "bad": "#D64554",
    "maximum": "#118DFF",
    "center": "#D9B300",
    "minimum": "#DEEFFF",
    "null": "#FF7F48"
}

Ορισμός δομικών χρωμάτων

Στη συνέχεια, προσθέστε διάφορες κατηγορίες χρωμάτων, όπως background και firstLevelElements. Αυτές οι χρωματικές ορίζουν τα δομικά χρώματα για στοιχεία της αναφοράς, όπως οι γραμμές πλέγματος άξονα, τα χρώματα επισήμανσης και τα χρώματα φόντου για στοιχεία απεικόνισης.

Ο παρακάτω πίνακας εμφανίζει τις έξι χρωματικές που μπορείτε να μορφοποιήσετε. Τα ονόματα των κλάσεων Color αντιστοιχούν στα ονόματα στην υποενότητα "Για προχωρημένους" της ενότητας "Όνομα και χρώματα" στο παράθυρο διαλόγου Προσαρμογή θέματος .

Προτιμώμενο όνομα χρωματικής κλάσης Ονομάζεται επίσης Τι μορφοποιήσει
firstLevelElements Προσκήνιο Χρώμα φόντου ετικέτας (όταν είναι εκτός σημείων δεδομένων)
Χρώμα γραμμής τάσης
Προεπιλεγμένο χρώμα πλαισίου κειμένου
Χρώματα γραμματοσειράς τιμών και συνόλων πίνακα και μήτρας
Χρώμα άξονα ράβδων δεδομένων
Ετικέτες δεδομένων κάρτας
Χρώμα τιμής επεξήγησης μετρητή
Χρώμα στόχου KPI
Χρώμα κειμένου KPI
Χρώμα στοιχείου αναλυτή (όταν βρίσκεται σε λειτουργία εστίασης)
Χρώμα γραμματοσειράς στοιχείου αναπτυσσόμενης λίστας αναλυτή
Χρώμα γραμματοσειράς αριθμητικής εισόδου αναλυτή
Χρώμα γραμματοσειράς κεφαλίδας αναλυτή
Χρώμα γραμμής αναλογίας γραφήματος διασποράς
Χρώμα γραμμής πρόβλεψης γραφήματος γραμμών
Χρώμα γραμμής οδηγού χάρτη
Χρώμα τμήματος παραθύρου φίλτρων και κειμένου κάρτας
Σύγχρονες οπτικές συμβουλές εργαλείων χρώμα κειμένου και εικονιδίων
secondLevelElements foregroundNeutralSecondary Ανοιχτές δευτερεύουσες κειμένου
Χρώματα ετικέτας
Χρώμα υπομνήματος ετικέτας
Χρώμα ετικέτας άξονα
Χρώμα γραμματοσειράς κεφαλίδας πίνακα και μήτρας
Χρώμα προορισμού μετρητή και γραμμής οδηγού μετρητή
Χρώμα άξονα τάσεων KPI
Χρώμα ρυθμιστικού αναλυτή
Χρώμα γραμματοσειράς στοιχείου αναλυτή
Χρώμα περιγράμματος αναλυτή
Χρώμα κατάδειξης γραφήματος γραμμών
Χρώμα τίτλου κάρτας πολλών γραμμών
Χρώμα μολυβιάς γραφήματος κορδέλας
Χρώμα περιγράμματος χάρτη σχημάτων
Χρώμα γραμματοσειράς κειμένου κουμπιού
Χρώμα γραμμής εικονιδίου κουμπιού
Χρώμα περιγράμματος κουμπιού
thirdLevelElements backgroundLight Χρώμα γραμμής πλέγματος άξονα
Χρώμα πλέγματος πίνακα και μήτρας
Χρώμα φόντου κεφαλίδας αναλυτή (όταν βρίσκεται σε λειτουργία εστίασης)
Χρώμα περιγράμματος κάρτας πολλών γραμμών
Χρώμα γεμίσματος σχήματος
Χρώμα φόντου τόξου μετρητή
Χρώμα φόντου κάρτας εφαρμοσμένου φίλτρου
Χρώμα γεμίσματος απενεργοποιημένου κουμπιού (όταν το φόντο είναι FFFFFF)
Χρώμα περιγράμματος απενεργοποιημένου κουμπιού (όταν το φόντο είναι FFFFFF)
fourthLevelElements foregroundNeutralTertiary Χρώμα αχνού υπομνήματος
Χρώμα ετικέτας κατηγορίας κάρτας
Χρώμα ετικετών κατηγορίας καρτών πολλών γραμμών
Χρώμα γραμμής καρτών πολλαπλών σειρών
Χρώμα μολυβιάς ποσοστού μετατροπής γραφήματος ομαδοποίησης
Χρώμα γραμματοσειράς κειμένου απενεργοποιημένου κουμπιού
Χρώμα γραμμής εικονιδίου απενεργοποιημένου κουμπιού
φόντο Χρώμα φόντου ετικέτας (όταν βρίσκεται μέσα σε σημεία δεδομένων)
Χρώμα φόντου στοιχείων αναπτυσσόμενης λίστας αναλυτή
Χρώμα μολυβιάς γραφήματος δακτυλίου
Χρώμα μολυβιάς γραφήματος treemap
Χρώμα φόντου σύνθετου γραφήματος
Χρώμα γεμίσματος κουμπιού
Χρώμα παραθύρου φίλτρων και διαθέσιμου φόντου κάρτας φίλτρου
Χρώμα φόντου σύγχρονων οπτικών συμβουλών εργαλείων
δευτερεύον Πεδίο επιστροφής backgroundNeutral Χρώμα περιγράμματος πλέγματος πίνακα και μήτρας
Προεπιλεγμένο χρώμα χάρτη σχημάτων
Χρώμα γεμίσματος κορδέλας γραφήματος κορδέλας (όταν είναι απενεργοποιημένη η επιλογή αντιστοίχισης σειράς)
Χρώμα γεμίσματος απενεργοποιημένου κουμπιού (όταν το χρώμα φόντου δεν είναι FFFFFF)
Χρώμα περιγράμματος απενεργοποιημένου κουμπιού (όταν το χρώμα φόντου δεν είναι FFFFFF)
Σύγχρονες οπτικές συμβουλές εργαλείων, διαχωριστική γραμμή και χρώμα αιώρησης
tableAccent Χρώμα περιγράμματος πλέγματος πίνακα και μήτρας (όταν υπάρχει)

Ακολουθεί ένα δείγμα θέματος που ορίζει τις χρωματικές:

{
    "name": "Custom Theme",
    "firstLevelElements": "#252423",
    "secondLevelElements": "#605E5C",
    "thirdLevelElements": "#F3F2F1",
    "fourthLevelElements": "#B3B0AD",
    "background": "#FFFFFF",
    "secondaryBackground": "#C8C6C4",
    "tableAccent": "#118DFF"
}

Συμβουλή

Εάν χρησιμοποιείτε ένα σκούρο θέμα ή άλλο πολύχρωμο θέμα που αποκλίνει από το τυπικό μαύρο firstLevelElements σε λευκό background στυλ, ορίστε τις τιμές για άλλα δομικά χρώματα και τα χρώματα κύριας κλάσης κειμένου. Αυτή η ρύθμιση παραμέτρων διασφαλίζει ότι οι ετικέτες δεδομένων σε γραφήματα με φόντο ετικέτας ταιριάζουν με το αναμενόμενο στυλ, είναι ευανάγνωστες και έχουν ορατές γραμμές πλέγματος άξονα.

Ορισμός προεπιλογών μορφοποιημένου κειμένου

Στη συνέχεια, προσθέστε κειμένου στο αρχείο JSON. Οι κειμένου μοιάζουν με τις χρωματικές, όμως σας επιτρέπουν να ενημερώνετε το μέγεθος, το χρώμα και την οικογένεια γραμματοσειράς για ομάδες κειμένου σε ολόκληρη την αναφορά σας.

Ορίστε τέσσερις από τις 12, που ονομάζονται κύριες, για να αλλάξετε όλη τη μορφοποίηση κειμένου στην αναφορά σας. Ορίστε αυτές τις τέσσερις κύριες κλάσεις στο παράθυρο διαλόγου Προσαρμογή θέματος στην ενότητα Κείμενο : Τα Γενικά αντιστοιχούν στην ετικέτα, ο Τίτλος στον τίτλο, οι Κάρτες και τα KPI στην επεξήγηση και οι Κεφαλίδες καρτελών στην κεφαλίδα.

Οι δευτερεύουσες αντλούν αυτόματα τις ιδιότητές τους από τις σχετικές κύριες τους. Συχνά, μια δευτερεύουσα κλάση επιλέγει μια πιο ανοιχτόχρωμη απόχρωση του χρώματος κειμένου ή μεγαλύτερο ή μικρότερο μέγεθος κειμένου σε σύγκριση με την κύρια κλάση.

Ας πάρουμε την κλάση label ως παράδειγμα. Η προεπιλεγμένη μορφοποίηση για την κλάση label είναι Segoe UI, #252423 (σκούρο γκρι χρώμα), με γραμματοσειρά 12 στιγμών. Αυτή η κλάση μορφοποιεί τις τιμές στον πίνακα και τη μήτρα. Συνήθως, τα σύνολα σε έναν πίνακα ή μήτρα έχουν παρόμοια μορφοποίηση, αλλά γίνονται έντονα με την κλάση bold label , ώστε να ξεχωρίζουν. Ωστόσο, δεν χρειάζεται να καθορίσετε αυτήν την κλάση στο JSON του θέματος. Το Power BI το κάνει αυτόματα. Εάν αποφασίσετε να καθορίσετε ετικέτες που έχουν μια γραμματοσειρά 14 στιγμών στο θέμα σας, δεν χρειάζεται να ενημερώσετε επίσης την κλάση bold label καθώς λαμβάνει τη μορφοποίηση κειμένου από την κλάση label .

Ο παρακάτω πίνακας δείχνει:

  • Καθεμία από τις τέσσερις κύριες κειμένου, τι μορφοποιήσει και τις προεπιλεγμένες ρυθμίσεις της.
  • Κάθε δευτερεύουσα κλάση, τι μορφοποιήσει και η προεπιλεγμένη ρυθμίσή της που είναι μοναδική σε σύγκριση με την κύρια κλάση.
Κύρια κλάση Δευτερεύουσες Όνομα κλάσης JSON Προεπιλεγμένες ρυθμίσεις Συσχετισμένα οπτικά αντικείμενα
Επεξήγηση Μη Εφαρμόσιμο Επεξήγηση DIN #252423 45 βαθ. Δείκτες KPI ετικετών δεδομένων κάρτας
Κεφαλίδα Μη Εφαρμόσιμο κεφαλίδα Segoe UI Semibold #252423 12 στ. Κεφαλίδες σημαντικών παραγόντων επιρροής
Τίτλος τίτλος DIN #252423 12 στ. Τίτλος άξονα κατηγοριών Τίτλος άξονα τιμών Τίτλος κάρτας πολλών γραμμών *Κεφαλίδα αναλυτή
- Μεγάλος τίτλος largeTitle 14 στ. Τίτλος απεικόνισης
Label ετικέτα Segoe UI #252423 10 βαθ. Κεφαλίδες στηλών πίνακα και μήτρας Κεφαλίδες γραμμών μήτρας Πίνακας και πλέγμα μήτρας Τιμές πίνακα και μήτρας
- Λιγότερο έντονα semiboldLabel Segoe UI Semibold Κείμενο προφίλ σημαντικών παραγόντων επιρροής
- Μεγάλο largeLabel 12 στ. Ετικέτες δεδομένων κάρτας πολλών γραμμών
- Μικρό smallLabel 9 στ. Ετικέτες γραμμής αναφοράς *Ετικέτες περιοχής ημερομηνιών αναλυτή Αριθμητική εισαγωγή κειμένου Αναλυτής Κείμενο αναζήτησης Αναλυτής Πλαίσιο αναζήτησης Σημαντικοί παράγοντες επιρροής
- Ανοιχτό lightLabel #605E5C Κείμενο υπομνήματος Κείμενο κουμπιού Ετικέτες άξονα κατηγορίας Ετικέτες δεδομένων γραφήματος ομαδοποίησης Ετικέτες ρυθμού μετατροπής γραφήματος ομαδοποίησης Ετικέτες ρυθμού μετατροπής γραφήματος μετρητή προορισμού Ετικέτα ετικέτας γραφήματος διασποράς Στοιχεία αναλυτή
- Bold boldLabel Segoe UI Έντονη γραφή Μερικά αθροίσματα μήτρας Γενικά σύνολα πίνακα
- Μεγάλη και φωτεινή largeLightLabel #605E5C 12 στ. Ετικέτες κατηγορίας καρτών Ετικέτες μετρητή Ετικέτες κατηγορίας καρτών πολλών γραμμών
- Μικρή και φωτεινή smallLightLabel #605E5C 9 στ. Ετικέτες δεδομένων Ετικέτες άξονα τιμών

* Τα στοιχεία με αστέρι βασίζονται στο πρώτο χρώμα δεδομένων του θέματος αναφοράς.

Χρησιμοποιήστε τη bold δυαδική ρύθμιση για να προσαρμόσετε τη μορφή. Για να ορίσετε το κείμενο με έντονη γραφή, χρησιμοποιήστε τις παρακάτω ρυθμίσεις:

  • bold:πιστός
  • titleBold:πιστός

Συμβουλή

Οι ανοιχτόχρωμες παραλλαγές των κλάσεων κειμένου λαμβάνουν το ανοιχτόχρωμο χρώμα τους από τα δομικά χρώματα που ορίστηκαν προηγουμένως. Εάν συντάσσετε ένα dark theme, ορίστε το χρώμα ( firstLevelElements που αντιστοιχεί στο κύριο χρώμα κειμένου), secondLevelElements (που αντιστοιχεί στο αναμενόμενο ανοιχτό χρώμα για το κείμενο) και background (με επαρκή αντίθεση τόσο με το χρώμα των στοιχείων πρώτου όσο και από το δεύτερο επίπεδο).

Δείτε το παρακάτω παράδειγμα θέματος που ορίζει μόνο τις κύριες κειμένου:

{
    "name": "Custom Theme",
    "textClasses": {
        "callout": {
            "fontSize": 45,
            "fontFace": "DIN",
            "color": "#252423"
        },
        "title": {
            "fontSize": 12,
            "fontFace": "DIN",
            "color": "#252423"
        },
        "header": {
            "fontSize": 12,
            "fontFace": "Segoe UI Semibold",
            "color": "#252423"
        },
        "label": {
            "fontSize": 10,
            "fontFace": "Segoe UI",
            "color": "#252423"
        }
    }
}

Επειδή οι δευτερεύουσες μεταβιβάζονται από τις κύριες, δεν χρειάζεται να τις ορίσετε στο αρχείο θέματός σας. Ωστόσο, εάν δεν σας αρέσουν οι κανόνες μεταβίβασης (για παράδειγμα, εάν δεν θέλετε σύνολα με έντονη γραφή), μπορείτε να μορφοποιήσετε ρητά τις δευτερεύουσες στο αρχείο θέματος, όπως ακριβώς μπορείτε να μορφοποιήσετε τις κύριες.

Εύρεση ιδιοτήτων απεικόνισης

Χρήση του σχήματος JSON

Το σχήμα θέματος αναφοράς σάς βοηθά να προσδιορίσετε ποιες ιδιότητες είναι διαθέσιμες για στυλ με ένα θέμα αναφοράς. Χρησιμοποιώντας το σχήμα ως τοπική αναφορά στο αρχείο θέματος, μπορείτε να χρησιμοποιήσετε τη λειτουργικότητα αυτόματης συμπλήρωσης του IDE για να προσδιορίσετε τις διαθέσιμες επιλογές μορφοποίησης.

Για παράδειγμα, χρησιμοποιώντας την υποστήριξη του Visual Studio Codeγια το σχήμα JSON, μπορείτε να ορίσετε ένα θέμα ως εξής με το "reportThemeSchema.json" που λαμβάνεται από το αποθετήριο σχήματος και τοποθετείται στον ίδιο φάκελο:

{
    "name": "My custom theme",
    "$schema": "reportThemeSchema.json"
}

Με αυτόν τον ορισμό, μπορείτε να χρησιμοποιήσετε την αυτόματη συμπλήρωση στον κώδικα του Visual Studio για να κατανοήσετε τη δομή και τις διαθέσιμες επιλογές μορφοποίησης. Ενεργοποιήστε την αυτόματη καταχώρηση ρητά χρησιμοποιώντας τον συνδυασμό πλήκτρων Ctrl + Space. Το αναδυόμενο παράθυρο περιγραφής εμφανίζει το εμφανιζόμενο όνομα και την περιγραφή του στοιχείου μορφοποίησης, όπως εμφανίζονται στο τμήμα παραθύρου "Μορφοποίηση", εάν υπάρχουν:

Στιγμιότυπο οθόνης της χρήσης του σχήματος θέματος αναφοράς για τον προσδιορισμό των διαθέσιμων επιλογών μορφοποίησης. Το μενού αυτόματης συμπλήρωσης στο Visual Studio Code εμφανίζει τις διαθέσιμες επιλογές μορφοποίησης.

Χρήση του παραθύρου μορφοποίησης και των αρχείων PBIR

Εάν έχετε ήδη μορφοποιήσει με μη αυτόματο τρόπο μια απεικόνιση σε ένα συγκεκριμένο στυλ και τώρα θέλετε να δημιουργήσετε μια προκαθορισμένη ρύθμιση στυλ ή να την ορίσετε ως προεπιλεγμένη εμφάνιση για αυτόν τον τύπο απεικόνισης, αυτά τα βήματα είναι για εσάς.

  1. Αποθηκεύστε την αναφορά σας ως PBIP μεταβαίνοντας στην επιλογή Αποθήκευση αρχείου>ως και, στη συνέχεια, επιλέγοντας PBIP από τον τύπο αρχείου.
  2. Ενεργοποίηση αντικειμένων / αναφοράςΑντιγράψτε τα ονόματα των αντικειμένων όταν κάνετε δεξί κλικ στις απεικονίσεις αναφοράς. στις Επιλογές αρχείου>και ρυθμίσεις>Επιλογές>ΚΑΘΟΛΙΚΗ>Ρυθμίσεις αναφοράς.
  3. Στο μενού περιβάλλοντος της απεικόνισης που θέλετε να βρείτε τις ιδιότητες που ορίζετε, επιλέξτε Αντιγραφή ονόματος αντικειμένου.
  4. Στην Εξερεύνηση αρχείων, μεταβείτε στο φάκελο που περιέχει το έργο PBIP.
  5. Κάντε δεξί κλικ στο φάκελο και επιλέξτε Άνοιγμα στον κώδικα για να τον ανοίξετε στον κώδικα του Visual Studio.
  6. Χρησιμοποιήστε το πλαίσιο αναζήτησης στο επάνω μέρος για να αναζητήσετε σε όλα τα αρχεία το όνομα αντικειμένου που αντιγράψατε νωρίτερα.
  7. Ανοίξτε το αρχείο που περιέχει αυτό το οπτικό αντικείμενο.
  8. Ο κόμβος αντικειμένων περιέχει τα ονόματα ιδιοτήτων και τις τιμές για τις επιλογές μορφοποίησης που ρυθμίσατε. Δεν μπορείτε να αντιγράψετε και να επικολλήσετε αυτές τις τιμές απευθείας, επειδή το αρχείο θέματος απαιτεί διαφορετική δομή.

Για παράδειγμα, εδώ είναι η επιλογή ακτίνας γωνίας ενός αναλυτή εισόδου που έχει οριστεί σε 4 εικονοστοιχεία στο τμήμα παραθύρου μορφοποίησης. Στη μορφή αρχείου PBIR, αυτή η επιλογή μοιάζει με αυτό:

    "objects": {
      "inputText": [
        {
          "properties": {
            "pillCornerRadius": {
              "expr": {
                "Literal": {
                  "Value": "4L"
                }
              }
            }
          }
        }
      ],

Στο αρχείο θέματος JSON , θα προστεθεί ως εξής:

"visualStyles": {
        "textSlicer": {
            "*":{
                "inputText": [{
                    "pillCornerRadius": 4
                }]
            }
        }
    }

Σε αυτό το παράδειγμα, τα inputText και pillCornerRadius είναι αυτά που χρειάζεστε για να μεταφράσετε αυτήν την επιλογή παραθύρου μορφοποίησης σε μια ιδιότητα αρχείου θέματος.

Ορισμός ιδιοτήτων για τύπους απεικονίσεων

Τα στυλ απεικόνισης σάς επιτρέπουν να καθορίσετε την προεπιλογή και τις προκαθορισμένες ρυθμίσεις για κάθε τύπο απεικόνισης. Ένας οπτικός τύπος μπορεί να είναι γραμμικό γράφημα, γράφημα περιοχής, ομαδοποιημένο γράφημα ράβδων κ.λπ.

Για να το χρησιμοποιήσετε, προσθέστε μια visualStyles ενότητα στο αρχείο JSON. Ανατρέξτε στο παρακάτω παράδειγμα της ενότητας visualStyles :

    "visualStyles": {
        "<visualName>": {
            "<stylePresetName>": {
                "<cardName>": [{
                    "<propertyName>": <propertyValue>
                }]
            }
        }
    }
  • visualName είναι το όνομα του τύπου απεικόνισης.
  • stylePresetName μπορεί να είναι ένας αστερίσκος ("*") για το προεπιλεγμένο στυλ απεικόνισης ή ένα όνομα σε εισαγωγικά ("Η νέα μου προεπιλογή") για να δημιουργήσετε μια επώνυμη προεπιλογή που εμφανίζεται σε ένα αναπτυσσόμενο μενού. Οι προκαθορισμένες ρυθμίσεις στυλ με όνομα λαμβάνουν ρυθμίσεις από το προεπιλεγμένο στυλ απεικόνισης, επομένως ορίστε κοινές ρυθμίσεις μόνο στο προεπιλεγμένο στυλ.
  • cardName είναι το όνομα της ενότητας μορφοποίησης που θέλετε να στοχεύσετε. Αυτό μπορεί να είναι ένας αστερίσκος ("*") εάν θέλετε να στοχεύσετε ιδιότητες σε πολλές ενότητες μορφοποίησης, όπως μεγέθη γραμματοσειράς. Αυτό που εμφανίζει το τμήμα παραθύρου μορφοποίησης στο Power BI ενδέχεται να μην αντιστοιχίζεται στο όνομα της κάρτας αρχείου θέματος, επομένως φροντίστε να χρησιμοποιήσετε το αρχείο σχήματος θέματος ή το αρχείο PBIR.
  • propertyName είναι το όνομα της ιδιότητας που θέλετε να ορίσετε.
  • propertyValue είναι η τιμή που θέλετε να ορίσετε σε αυτήν την ιδιότητα.

Το παρακάτω παράδειγμα ορίζει μερικές ιδιότητες μέσω των οπτικών στυλ:

{
   "name":"Custom Theme",
   "visualStyles":{
      "*": {
         "*": {
            "*": [{
                "wordWrap": true
            }],
            "categoryAxis": [{
                "gridlineStyle": "dotted"
            }],
            "filterCard": [
              {
                "$id": "Applied",
                "foregroundColor": {"solid": {"color": "#252423" } }
              },
              {
                "$id":"Available",
                "border": true
              }
            ]
         }
      },
      "scatterChart": {
         "*": {
            "bubbles": [{
                  "bubbleSize": -10
            }]
         }
      }
   }
}

Αυτό το παράδειγμα κάνει τις ακόλουθες ρυθμίσεις:

  • Ενεργοποιεί την αναδίπλωση λέξεων παντού.
  • Ορίζει το στυλ γραμμής πλέγματος ώστε να είναι διάστικτο για όλες τις απεικονίσεις με έναν άξονα κατηγοριών.
  • Ορίζει ορισμένες μορφοποιήσεις για τις διαθέσιμες και εφαρμοσμένες κάρτες φίλτρου (σημειώστε τη μορφή που χρησιμοποιεί το "$id" για να ορίσετε τις διαφορετικές εκδόσεις των καρτών φίλτρου).
  • Ορίζει το μέγεθος φυσαλίδων για γραφήματα διασποράς σε -10.

Σημείωμα

Χρειάζεται μόνο να καθορίσετε τα στοιχεία μορφοποίησης που θέλετε να προσαρμόσετε. Οποιαδήποτε στοιχεία μορφοποίησης που δεν περιλαμβάνονται στο αρχείο JSON επανέρχονται στις προεπιλεγμένες τιμές και ρυθμίσεις τους.

Δημιουργία προκαθορισμένων ρυθμίσεων στυλ σε προσαρμοσμένα θέματα

Οι προκαθορισμένες ρυθμίσεις στυλ είναι προκαθορισμένες επιλογές μορφοποίησης που μπορείτε να εφαρμόσετε σε οπτικά στοιχεία σε ένα αρχείο θέματος. Κάθε προκαθορισμένη ρύθμιση στυλ είναι συγκεκριμένη για την απεικόνιση στην οποία έχει οριστεί. Αυτές οι προεπιλογές σάς επιτρέπουν να αλλάξετε πολλές επιλογές μορφοποίησης ταυτόχρονα χωρίς να προσαρμόσετε την καθεμία χειροκίνητα. Αυτή η δυνατότητα βελτιώνει τις δυνατότητες προσαρμογής των αναφορών Power BI, επιτρέποντάς σας να εφαρμόζετε γρήγορα συνεπή στυλ σε διαφορετικές απεικονίσεις.

Όταν δημιουργείτε και εισάγετε ένα προσαρμοσμένο αρχείο θέματος JSON που περιλαμβάνει τις επιθυμητές προκαθορισμένες ρυθμίσεις στυλ, η νέα επιλογή μενού Προκαθορισμένες ρυθμίσεις στυλ γίνεται ορατή στην ενότητα Μορφοποίηση απεικόνισης του τμήματος παραθύρου Απεικονίσεις.

Χρησιμοποιώντας το αναπτυσσόμενο μενού Στυλ , μπορείτε να επιλέξετε οποιαδήποτε από τις προκαθορισμένες προεπιλογές στυλ από το αρχείο θέματος που μόλις εισαγάγατε. Οι επιλογές μορφοποίησης εφαρμόζονται αυτόματα σε οπτικά στοιχεία στην αναφορά σας, όπως η τοποθέτηση στοιχείων ή η αλλαγή χρωμάτων.

Στιγμιότυπο οθόνης που εμφανίζει ένα μενού προκαθορισμένων συνόλων στυλ στην καρτέλα Απεικονίσεις της ενότητας Μορφοποίηση απεικονίσεων στο τμήμα παραθύρου Απεικονίσεις.

Ορισμός προκαθορισμένων ρυθμίσεων στυλ

Για να ορίσετε προκαθορισμένες ρυθμίσεις στυλ, δημιουργήστε ένα προσαρμοσμένο θέμα χρησιμοποιώντας ένα αρχείο JSON. Το αρχείο JSON περιέχει τις επιλογές μορφοποίησης για διαφορετικά οπτικά στοιχεία. Όπως εξηγείται σε αυτό το άρθρο, μπορείτε να εισαγάγετε αυτό το αρχείο για να εφαρμόσετε το προσαρμοσμένο θέμα που περιλαμβάνει τις προκαθορισμένες ρυθμίσεις στυλ σας.

Στιγμιότυπο οθόνης ενός αρχείου JSON που εμφανίζει το προεπιλεγμένο προκαθορισμένο σύνολο στυλ, καθώς και τρεις καθορισμένες προκαθορισμένες ρυθμίσεις στυλ προσαρμοσμένες σύμφωνα με τις ανάγκες του χρήστη.

Κατά τη δημιουργία ενός προσαρμοσμένου θέματος, μπορείτε να καθορίσετε ποια προεπιλογή στυλ είναι η προεπιλογή μετά την εισαγωγή, όπως φαίνεται. Εάν δεν επιλέξετε ή δεν ορίσετε μια προεπιλογή, εφαρμόζονται οι προεπιλεγμένες ρυθμίσεις του Power BI. Οι προεπιλεγμένες ρυθμίσεις διασφαλίζουν ότι υπάρχουν πάντα εναλλακτικές επιλογές μορφοποίησης για οπτικά στοιχεία.

Το παράδειγμα θέματος που απεικονίζεται στο προηγούμενο στιγμιότυπο οθόνης εμφανίζεται στο ακόλουθο μπλοκ κώδικα:

{
    "$schema": "./reportThemeSchema.json",
    "name": "Style Preset Demo Test",
    "visualStyles": {
        "columnChart": {
            "*": {
                "stylePreset": [{
                    "name": "Demo Preset 1"
                }]
            },
            "Demo Preset 1": {
                "legend": [{
                    "position": "BottomCenter"
                }],
                "valueAxis": [{
                    "gridlineColor": { "solid": { "color": "#950" } }
                }]
            },
            "Demo Preset 2": {
                "legend": [{
                    "position": "Right"
                }],
                "valueAxis": [{
                    "gridlineColor": { "solid": { "color": "#00f" } },
                    "labelColor": { "solid": { "color": { "expr": { "ThemeDataColor": { "ColorId": 2, "Percent": 0.6 } } } } }
                }]
            },
            "Demo Preset 3": {
                "legend": [{
                    "italic": true,
                    "position": "Left"
                }]
            }
        }
    }
}

Εφαρμογή προκαθορισμένων ρυθμίσεων στυλ

Το παρακάτω παράδειγμα δείχνει πώς μπορείτε να ορίσετε και να χρησιμοποιήσετε προσαρμοσμένες προκαθορισμένες ρυθμίσεις στυλ σε μια απεικόνιση. Οι προκαθορισμένες ρυθμίσεις στυλ είναι συγκεκριμένες για τον τύπο απεικόνισης στον οποίο ορίζονται.

Τα παρακάτω βήματα περιγράφουν τη διαδικασία για τον ορισμό και την εισαγωγή ενός αρχείου JSON προσαρμοσμένου θέματος, το οποίο περιλαμβάνει προκαθορισμένες ρυθμίσεις στυλ:

  1. Αντιγράψτε το προηγούμενο μπλοκ κώδικα για να δημιουργήσετε το αρχείο JSON χρησιμοποιώντας οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου. Στη συνέχεια, αποθηκεύστε το αρχείο Style Preset Demo Test.json στον υπολογιστή σας.
  2. Στο Power BI Desktop, μεταβείτε στην κορδέλα Προβολή και επιλέξτε το αναπτυσσόμενο κουμπί Θέματα .
  3. Επιλέξτε Αναζήτηση θεμάτων και εισαγάγετε το αρχείο JSON.
  4. Οι πρόσφατα καθορισμένες προκαθορισμένες ρυθμίσεις στυλ είναι διαθέσιμες στην ενότητα Μορφοποίηση απεικόνισης του τμήματος παραθύρου Απεικονίσεις .

Μετά την εισαγωγή του προσαρμοσμένου θέματος, επιλέξτε «Προεπιλογή επίδειξης 1» για να ορίσετε τη θέση του υπομνήματος στο κάτω κέντρο και να αλλάξετε το χρώμα της γραμμής πλέγματος του άξονα τιμών, όπως φαίνεται εδώ:

Στιγμιότυπο οθόνης του μενού προκαθορισμένων ρυθμίσεων στυλ που εμφανίζει το Προκαθορισμένο σύνολο επίδειξης 1.

Στο επόμενο παράδειγμα, το "Demo Preset 2" μετακινεί το υπόμνημα στη δεξιά πλευρά και αλλάζει το χρώμα της γραμμής πλέγματος και το χρώμα ετικέτας του άξονα τιμών.

Στιγμιότυπο οθόνης του μενού προκαθορισμένων ρυθμίσεων στυλ που εμφανίζει το Προκαθορισμένο σύνολο επίδειξης 2.

Εμφανίζεται ένα μήνυμα σφάλματος όταν δεν βρεθεί ο ορισμός μιας προκαθορισμένης ρύθμισης στυλ για τη συγκεκριμένη απεικόνιση. Αυτό το μήνυμα σφάλματος μόνο για τον συντάκτη υποδεικνύει ότι η αναφορά έχασε την αναφορά στους ορισμούς των προκαθορισμένων ρυθμίσεων προσαρμοσμένου στυλ σας και δεν είναι δυνατή η εντοπισμού του προσαρμοσμένου στυλ σας.

Στιγμιότυπο οθόνης του μενού προκαθορισμένων ρυθμίσεων στυλ που εμφανίζει ένα μήνυμα σφάλματος που υποδεικνύει ότι δεν είναι δυνατή η εντοπίζεται η προκαθορισμένη ρύθμιση προσαρμοσμένου στυλ.

Συμβουλές για τον ορισμό τιμών στο αρχείο θέματος JSON

Ακολουθούν ορισμένες χρήσιμες συμβουλές σχετικά με τον καθορισμό τιμών.

  • Οι δυαδικές τιμές είναι είτε true είτε false.

  • Οι συμβολοσειρές πρέπει να είναι σε διπλά εισαγωγικά, όπως "αυτή είναι μια συμβολοσειρά".

  • Οι αριθμοί είναι απλώς η ίδια η τιμή χωρίς εισαγωγικά.

  • Όταν χρησιμοποιείτε dateTimeτο , η ημερομηνία πρέπει να είναι μια ημερομηνία ISO σε μονά εισαγωγικά, με την τιμή "datetime" στην αρχή. Δείτε το ακόλουθο παράδειγμα:

    "datetime'2022-10-05T14:48:00.000Z'"

  • Τα χρώματα που χρησιμοποιούν έναν προσαρμοσμένο δεκαεξαδικό κώδικα για αντικατάσταση FFFFFF χρησιμοποιούν την ακόλουθη μορφή. Επιτρέπονται δεκαεξαδικές τιμές 3 ή 6 ψηφίων:

    { "solid": { "color": "#FFFFFF" } }
    

Μπορείτε να χρησιμοποιήσετε μια απαρίθμηση για να μορφοποιήσετε τα αναπτυσσόμενα μενού ορίζοντας επιλογές μενού σε οποιαδήποτε από τις επιλογές στο τμήμα παραθύρου, για παράδειγμα, RightCenter για τη θέση του υπομνήματος ή Data value, percent of total για την ετικέτα δεδομένων πίτας. Οι απαριθμήσεις συνήθως μορφοποιούνται ως συμβολοσειρές.

Παράδειγμα αρχείου JSON θέματος αναφοράς

Ακολουθεί ολόκληρο το αρχείο Day.jsonτου Αγίου Πατρικίου :

   {
       "name": "St Patrick's Day",
       "dataColors": ["#568410", "#3A6108", "#70A322", "#915203", "#D79A12", "#bb7711", "#114400", "#aacc66"],
       "background":"#FFFFFF",
       "foreground": "#3A6108",
       "tableAccent": "#568410"
   }

Αυτό το αρχείο JSON θέματος αναφοράς έχει τις ακόλουθες γραμμές:

  • name: Το όνομα του θέματος αναφοράς. Αυτό το πεδίο είναι το μόνο υποχρεωτικό πεδίο.
  • dataColors: Η λίστα δεκαεξαδικής κωδικών χρωμάτων για χρήση σε δεδομένα απεικονίσεων του Power BI Desktop. Αυτή η λίστα μπορεί να έχει όσα χρώματα θέλετε.
  • background, foregroundκαι tableAccent: Χρωματικές. Οι χρωματικές σάς επιτρέπουν να ορίσετε πολλά δομικά χρώματα στην αναφορά σας ταυτόχρονα.

Μπορείτε να αντιγράψετε αυτό το JSON και να το χρησιμοποιήσετε ως βάση για να δημιουργήσετε το δικό σας αρχείο προσαρμοσμένου θέματος αναφοράς για εισαγωγή. Εάν θέλετε να προσαρμόσετε μόνο τα βασικά χρώματα της αναφοράς σας, αλλάξτε το όνομα και τους δεκαεξαδικούς κωδικούς στο αρχείο.

Εξαγωγή και εφαρμογή θεμάτων μέσω προγραμματισμού

Μπορείτε επίσης να εξαγάγετε και να εφαρμόσετε θέματα αναφοράς μέσω προγραμματισμού χρησιμοποιώντας σημειωματάρια Microsoft Fabric και εργαστήρια σημασιολογικών συνδέσεων. Αυτή η προσέγγιση είναι χρήσιμη για:

  • Εξαγωγή θεμάτων από υπάρχουσες αναφορές για επαναχρησιμοποίηση
  • Εφαρμογή θεμάτων σε πολλές αναφορές σε κλίμακα
  • Αυτοματοποίηση της διαχείρισης θεμάτων ως μέρος της διοχέτευσης ανάπτυξής σας

Η βιβλιοθήκη Semantic Link Labs παρέχει συναρτήσεις για εργασία με θέματα αναφορών μέσω των Power BI REST API, επιτρέποντάς σας να διαχειρίζεστε θέματα χωρίς μη αυτόματες λειτουργίες αρχείων.

Ζητήματα προς εξέταση και περιορισμοί

  • Δεν μπορείτε να προσθέσετε κανόνες μορφοποίησης υπό όρους σε ένα προσαρμοσμένο θέμα. Η μορφοποίηση υπό όρους πρέπει να εφαρμόζεται ξεχωριστά σε μεμονωμένες απεικονίσεις μετά την εφαρμογή του θέματος.