آموزش Advanced Power BI Visuals Custom with d3.js

سرفصل ها و درس ها

معرفی Introduction

• معرفی Microsoft Power BI Intro to Microsoft Power BI

• این دوره برای چه کسانی است Who this course is for

• Power BI چیست؟ What is Power BI?

• تصویری سفارشی چیست؟ What is a custom visual?

1. محیط خود را تنظیم کنید 1. Set Up Your Environment

• هدف تنظیم شده را بفهمید Understand the target set up

• الزامات صدور مجوز ، نرم افزار و نسخه Licensing, software, and version requirements

• اولین تصویری (نسخه ی نمایشی) سفارشی خود را ایجاد کنید Create your first (demo) custom visual

2. تنظیمات فایل را درک کنید 2. Understand the File Setup

• ساختار پوشه پروژه جدید خود را درک کنید Understand the folder structure of your new project

• فایلهای اصلی را بشناسید و مواردی را که باید تغییر دهید شناسایی کنید Understand key files and Identify the ones to change

• مسابقه فصل Chapter Quiz

3. ساخت یک جعبه تصویری KPI با استفاده از داده های "Single" 3. Build a KPI Box Visual Using "Single" Data

• مشاهده ، داده ها و قالب بندی هدف را مشاهده کنید See the target visual, data, and formatting

• قابلیت های.json را ویرایش کرده و داده های حاصل را بازرسی کنید Edit capabilities.json and inspect the resulting data

• visual.ts را ویرایش کنید تا مقدار KPI در Power BI نمایش داده شود Edit visual.ts to display a KPI value in Power BI

• visual.ts را ویرایش کنید تا به گزینه های قالب بندی کاربر دسترسی پیدا کنید Edit visual.ts to access the user's formatting choices

• با استفاده از D3 یک SVG پاسخگو اضافه کنید Add a responsive SVG using D3

• مستطیل ها و متن را به KPI بصری خود اضافه کنید Add rectangles and text to your KPI visual

• برای تنظیم پویا اندازه متن از API قالب بندی استفاده کنید Use formatting utils API to set text size dynamically

• از اندازه قلم استفاده کنید و رنگ را از صفحه قالب بندی پر کنید Use font size and fill color from the formatting pane

• چالش: به صفحه قالب بندی opacity fill را اضافه کنید Challenge: Add fill opacity to the formatting pane

• راه حل: opacity fill را به صفحه قالب بندی اضافه کنید Solution: Add fill opacity to the formatting pane

• چالش: رنگ قلم را KPI و برچسب را تغییر دهید Challenge: Change the font color the KPI and label

• راه حل: رنگ قلم را KPI و برچسب را تغییر دهید Solution: Change the font color the KPI and label

• چالش: برچسب را در بالا یا پایین قرار دهید Challenge: Place label at top or bottom

• راه حل: برچسب را در بالا یا پایین قرار دهید Solution: Place label at top or bottom

• مسابقه فصل Chapter Quiz

4. با استفاده از داده های "طبقه بندی" نمودار پراکندگی بسازید 4. Build a Scatter Chart Using "Categorical" Data

• به Power BI بگویید داده های طبقه بندی را بپذیرد Tell Power BI to accept categorical data

• مقیاسها و محورهای خطی D3 را در تصویری سفارشی خود ایجاد کنید Create D3 linear scales and axes in your custom visual

• برای ایجاد پراکندگی چند نقطه اضافه کنید Add some dots to make a scatterplot

• برای ایجاد پراکندگی چند نقطه اضافه کنید Add some dots to make a scatterplot

• چالش: نقاط را پاسخگو نشان دهید Challenge: Make the dots responsive

• راه حل: نقاط را پاسخگو نشان دهید Solution: Make the dots responsive

• مسابقه فصل Chapter Quiz

5. تبدیل به نمودار حباب با گروه توسط داده ها 5. Convert to a Bubble Chart with Group by Data

• برای کمک به ایجاد نمودار حباب ، داده های خود را گروه بندی کنید Grouping your data to help make a bubble chart

• داده های طرح پراکندگی گروهی را ایجاد کنید تا رنگ های مختلف در هر گروه مجاز باشد Create grouped scatter plot data, to allow different colors per category

• کد D3 خود را به روز کنید تا داده های گروه بندی شده جدید شما منعکس شود Update your D3 code to reflect your new grouped data

• برای ایجاد نمودار حباب ، یک اندازه اندازه اضافه کنید Add a size dimension to create a bubble chart

• توزیع بصری Distributing your visual

• چالش: کدگذاری سخت رنگها را بر اساس آرایه ای به رنگ پویا تغییر دهید Challenge: Change the hard coding of colors into dynamic coloring based on an array

• راه حل: رمزگذاری سخت رنگ ها را بر اساس آرایه ای به رنگ آمیزی پویا تغییر دهید Solution: Change the hard coding of colors into dynamic coloring based on an array

• مسابقه فصل Chapter Quiz

نتیجه Conclusion

• خداحافظ Goodbye