Tema Tersuai Dalam LuckyTemplates

Untuk siaran hari ini, saya akan membuat semakan pantas tentang penyesuaian yang boleh anda buat dengan mengedit terus dan menggunakan fail tema JSON. Ini sebenarnya bukan perihalan tentang perkara yang boleh dilakukan dalam LuckyTemplates itu sendiri, sebaliknya sebagai contoh perkara yang boleh dicapai di luar LuckyTemplates apabila anda melakukan tema tersuai. Anda boleh menonton video penuh tutorial ini di bahagian bawah blog ini.

Topik ini tidak ditujukan untuk pengguna laporan LuckyTemplates atau pembangun kasual LuckyTemplates, tetapi untuk mereka yang biasa dan selesa dengan mengedit dan mencipta kod JSON secara langsung.

Untuk melaksanakan tema tersuai, anda perlu selesa dengan sintaks dan struktur fail JSON dan juga alatan persekitaran pembangunan. Saya akan menggunakan kod Visual Studio untuk membangunkan fail tema JSON.

Mari kita lihat penyesuaian yang tersedia yang telah terbina dalam aplikasi desktop LuckyTemplates. Pertama, kami memerlukan kanvas untuk mempamerkan hasil kerja kami. Saya telah menggunakan set data amalan LuckyTemplates, yang merupakan set data jualan mudah di mana visual boleh dibina dengan mudah. Fail PBIX demonstrasi ialah halaman laporan tunggal dan dimensi tersuai 1600 x 900 telah digunakan untuk memberikan lebih sedikit ruang daripada laporan standard 1280 x 720.

Isi kandungan

• Menggunakan Tema Lalai
• Kajian Pantas Asas JSON Untuk Tema Tersuai
• Menukar Latar Belakang Untuk Tema Tersuai
• Menukar Latar Belakang Teks Tajuk
• Menambah Bayang Pada Visual
• Menambah Teks Tajuk
• Perkara Lain Yang Perlu Diingati Dalam Tema Tersuai
• Kesimpulan

Menggunakan Tema Lalai

Mari lihat tema lalai kami di sini. Jika kami menyemak imbas untuk tema dan menggunakan tema lalai…

… kita dapat melihat bahawa ia hanya menggunakan warna biru, oren dan ungu standard.

Dan jika saya memilih tema Teks Putih pada Latar Belakang Gelap …

… ini adalah tema yang akan kita lihat.

Kajian Pantas Asas JSON Untuk Tema Tersuai

Ini pastinya bukan semakan menyeluruh tentang cara membangunkan fail JSON untuk LuckyTemplates, melainkan beberapa ulasan pantas pada fail JSON.

JSON bermaksud Notasi Objek JavaScript ; ini ialah format teks yang jelas untuk fail data, yang terdiri daripada objek bersarang atau blok kod. Setiap daripada ini mempunyai koleksi pasangan nilai nama sendiri.

Titik bertindih digunakan untuk memisahkan pasangan nilai nama. Pendakap digunakan untuk mengelilingi objek. Elemen senarai dipisahkan dengan koma dan senarai boleh dipadamkan. Senarai juga boleh menjadi tatasusunan, yang dalam kes ini, ia dikelilingi oleh kurungan segi empat sama.

Fail LuckyTemplates JSON biasanya terdiri daripada tiga bahagian utama: nama , warna dan visual . Bahagian nama sebenarnya adalah satu-satunya bahagian yang diperlukan, dan seperti yang anda lihat, di sinilah kami akan memulakan penyiasatan kami hari ini.

Mari kita gunakan fail tema ini dengan menyemak imbas tema.

Kami akan menggunakan tema lalai. Anda akan melihat bahawa warna lalai digunakan.

Mari pergi ke bahagian blok kod dan salin set warna ganti.

Kami boleh menampalnya ke dalam fail tema JSON kami dengan menambahkan koma selepas blok nama dan kemudian menampal dalam kod.

Kami akan menyimpan fail tema JSON, kembali ke LuckyTemplates dan menggunakan tema scratch.

Sekarang, kita dapat melihat bahawa warna telah berubah.

Bahagian visual adalah yang terbesar, dan di sinilah kami melakukan selebihnya kerja kami. Anda boleh menukar teks dengan mudah, termasuk fon, saiz keluarga dan warna.

Mari pergi ke pad nota kami untuk menyalin blok kod untuk kelas teks dan fon kami yang ditetapkan kepada saiz yang berbeza.

Kemudian kita akan pergi ke Kod Visual Studio, menambah lajur untuk memisahkan kod, dan kemudian menampal kod.

Sekali lagi, kami akan menyimpan fail tema kami. Kemudian kami akan kembali ke LuckyTemplates dan menggunakan fail tema. Kita dapat melihat bahawa semua teks kini telah bertukar menjadi biru.

Salah satu perkara yang boleh kita lakukan dengan mudah ialah menukar warna teks. Mari kembali ke fail JSON sekali lagi, pilih warna biru dan gantikannya dengan merah.

Mari simpan sekali lagi, kembali ke LuckyTemplates dan import fail tema JSON sekali lagi. Kini, kita dapat melihat semua teks telah bertukar kepada merah.

Menukar Latar Belakang Untuk Tema Tersuai

Sekarang mari kita lihat latar belakang halaman dan tetapkannya kepada warna kedua paling gelap dalam palet kami. Kami akan pergi ke Notepad++, ambil blok kod latar belakang halaman kami, dan salinnya.

Dan kemudian kita akan pergi ke Visual Studio Code dan tampal kod di sana.

Kemudian pergi ke LuckyTemplates dan sekali lagi, gunakan tema gores untuk melihat latar belakang baharu.

Menukar Latar Belakang Teks Tajuk

Mari lengkapkan demo kami dengan menukar latar belakang teks tajuk kami kepada warna tema paling gelap dan warna teks kepada putih. Seperti yang anda lihat, saya tidak mengetahui sintaks yang sesuai untuk menetapkan gaya jadual dan matriks melalui fail tema JSON. Jadi saya menggunakan antara muka untuk menukar gaya kedua-dua visual kepada tiada .

Mari kita kembali ke Notepad++ untuk menyalin blok kod JSON untuk latar belakang tajuk kita.

Dan kemudian kita pergi ke Visual Studio Code untuk menampal kod di sana.

Sekali lagi, kami akan menyimpan tema kami, kembali ke LuckyTemplates, dan menggunakan tema itu sekali lagi.

Menambah Bayang Pada Visual

Saya juga mempunyai beberapa demo kendiri kecil yang mempamerkan beberapa pilihan tema. Mari kita tetapkan semula tema kita kepada pilihan lalai. Jika kita ingin menambah bayang pada semua visual kita, kita boleh menggunakan visualStyles dan sintaks dropShadow.

Jika kami pergi ke LuckyTemplates dan menggunakan fail tema itu, anda akan melihat bahawa semua visual kami mempunyai bayang-bayang.

Menambah Teks Tajuk

Jika kami ingin memastikan bahawa semua visual kami mempunyai teks tajuk, kami boleh menambah beberapa teks tajuk pemegang tempat menggunakan visualStyles, tajuk, rancangan dan sintaks teks dalam Kod Visual Studio.

Jika kami pergi ke LuckyTemplates dan menggunakan fail tema itu, kami akan ambil perhatian bahawa hanya satu daripada visual kami telah berubah kerana semua yang lain telah diubah suai dengan tajuk.

Jika kita pergi ke halaman baharu, buat jadual baharu dan masukkan saluran serta ukuran yang kita mahu, kita mempunyai teks tajuk lalai.

Perkara lain yang boleh kita lakukan ialah mempengaruhi cara imej baharu berskala pada bekasnya. Jika kami menetapkan semula kepada tema lalai dan memasukkan imej, kami akan melihat bahawa ia mengekalkan nisbah bidangnya.

Jika kita ingin menggunakan fail tema untuk menetapkan penskalaan imej, kita boleh menggunakan sintaks VisualStyles, imej, imageScaling dan ScalingType imej.

Jika kita beralih kepada LuckyTemplates dan menambah tema itu, kita akan melihat bahawa nisbah aspek kini boleh ditukar untuk visual sedia ada.

Dan jika kita menambah visual baharu, kita dapat melihat sekali lagi bahawa penskalaan kini ditetapkan untuk muat.

Perkara Lain Yang Perlu Diingati Dalam Tema Tersuai

Tetapan ketelusan latar belakang halaman dalam fail JSON nampaknya tidak diambil kira, jadi saya menggunakan antara muka untuk menetapkan tahap ketelusan latar belakang halaman kepada 0 sebelum demo bermula.

Tetapan untuk gaya jadual dan matriks nampaknya tidak diambil kira juga. Jadi saya menggunakan antara muka untuk menetapkan jadual dan gaya matriks kepada tiada.

Pesanan nampaknya penting dalam fail tema JSON jadi jika anda mendapati tetapan tertentu tidak diambil kira, cuba susun semula tetapan minat yang lebih tinggi atau lebih awal dalam kod.

Visual sedia ada mungkin tidak bertindak balas sepenuhnya kepada fail tema, terutamanya jika ia telah menggunakan sebarang tetapan format.

Mencipta Tema, Logo Syarikat, Ikon dan Latar Belakang
Cara Memilih Tema Warna LuckyTemplates Untuk Laporan Anda
Cara Mencipta Palet Warna BI Kuasa Menarik

Kesimpulan

Jika anda masih baru dalam pengekodan JSON, terutamanya dalam LuckyTemplates, sila ambil semua contoh yang saya gunakan dengan sebutir garam. Saya menjangkakan bahawa mereka yang lebih berpengalaman dan biasa dengan pengekodan tema JSON dalam LuckyTemplates akan menghasilkan kod yang lebih baik dan lebih mudah dibaca.

Akhir sekali, saya hanya ingin berkongsi beberapa pengalaman awal saya dan mempamerkan beberapa penyesuaian yang saya temui dalam tema tersuai. Terdapat banyak tetapan yang tersedia untuk tema LuckyTemplates JSON, dan mereka yang sanggup meluangkan masa dan usaha untuk menyelidik sumber dalam talian yang tersedia boleh membangunkan fail tema yang berguna secara berulang.

Titik permulaan yang bagus ialah tab sifat penjana tema lanjutan PowerBI.tips, di mana anda boleh menggunakan UI mereka untuk menjana fail tema JSON untuk semua atau jenis visual tertentu. Mudah-mudahan, anda boleh menambah pengekodan tema JSON tersuai pada kotak alat LuckyTemplates anda dan kedua-duanya boleh membantu menyeragamkan laporan anda dan menjimatkan kerja anda pada masa hadapan.

Greg