本文會說明您可以從 GitHub 下載、使用及修改的一些 Power BI 視覺效果。 透過這些範例視覺效果,您將了解如何處理使用 Power BI 進行開發時的常見情況。
交叉分析篩選器
交叉分析篩選器可將報表中其他視覺效果中所顯示資料的一部分縮小。 交叉分析篩選器是在 Power BI 中篩選資料的幾種方式之一。
![]() |
![]() |
|---|---|
| [方塊交叉分析篩選器] 顯示在其他視覺效果中作為畫布內篩選的影像或文字按鈕 |
[時間軸交叉分析篩選器] 依日期篩選的圖形化日期範圍選取器 |
![]() |
|
| [交叉分析篩選器範例] 示範如何使用 [進階篩選 API] |
圖表
透過我們 Power BI 視覺效果的資源庫 (包括橫條圖、圓形圖、文字雲與其他內容) 來獲得靈感。
WebGL
WebGL 可讓 Web 內容使用以 OpenGL ES 2.0 為基礎的 API,在 HTML 畫布中執行 2D 與 3D 轉譯。
![]() |
|---|
| [地球地圖] 在互動式 3D 地圖上繪製地點 |
R 視覺效果
這些範例會示範如何運用 R 視覺效果與 R 指令碼的分析與視覺化功能。



![顯示 [花瓣圖] 的螢幕擷取畫面。](media/samples/aster-plot.png)
![顯示 [子彈圖] 的螢幕擷取畫面。](media/samples/bullet-chart.png)
![顯示 [和弦圖] 的螢幕擷取畫面。](media/samples/chord.png)
![顯示 [點圖] 的螢幕擷取畫面。](media/samples/dot-plot.png)
![顯示 [雙重 K P I] 的螢幕擷取畫面。](media/samples/dual-kpi.png)
![顯示 [增強散佈圖] 的螢幕擷取畫面。](media/samples/enhanced-scatter.png)
![顯示 [強制配置圖] 的螢幕擷取畫面。](media/samples/forcegraph.png)
![顯示 [甘特圖] 的螢幕擷取畫面。](media/samples/gantt.png)
![顯示 [資料表熱度圖] 的螢幕擷取畫面。](media/samples/table-heatmap.png)
![顯示[長條圖圖表]的螢幕擷取畫面。](media/samples/histogram-chart.png)
![顯示 [折線圖] 的螢幕擷取畫面。](media/samples/linedot-chart.png)
![顯示 [Mekko 圖表] 的螢幕擷取畫面。](media/samples/mekko-chart.png)
![顯示 [多重 KPI] 的螢幕擷取畫面。](media/samples/multikpi.png)
![顯示 [強大 KPI] 的螢幕擷取畫面。](media/samples/powerkpi.png)
![顯示 [强大 KPI 矩陣] 的螢幕擷取畫面。](media/samples/powerkpi-matrix.png)
![顯示 [脈搏圖] 的螢幕擷取畫面。](media/samples/pulse-chart.png)
![顯示 [雷達圖] 的螢幕擷取畫面。](media/samples/radar-chart.png)
![顯示 [Sankey 圖表] 的螢幕擷取畫面。](media/samples/sankey-chart.png)
![顯示 [量化波形圖] 的螢幕擷取畫面。](media/samples/stream-graph.png)
![顯示 [多層環圈圖] 的螢幕擷取畫面。](media/samples/sunburst.png)
![顯示 [龍捲風圖表] 的螢幕擷取畫面。](media/samples/tornado.png)
![顯示 [文字雲] 的螢幕擷取畫面。](media/samples/word-cloud.png)
![顯示 [地球地圖] 的螢幕擷取畫面。](media/samples/globe-map.png)
![顯示 [關聯規則] 的螢幕擷取畫面。](media/samples/association-rules.png)
![顯示 [叢集] 的螢幕擷取畫面。](media/samples/clustering.png)
![顯示 [具有極端值的叢集] 的螢幕擷取畫面。](media/samples/clustering-with-outliers.png)
![顯示 [相互關聯繪圖] 的螢幕擷取畫面。](media/samples/correlation-plot.png)
![顯示 [決策樹圖] 的螢幕擷取畫面。](media/samples/decision-tree-chart.png)
![顯示 [預測 T B A T S] 的螢幕擷取畫面。](media/samples/forecasting-tbats.png)
![顯示 [使用 ARIMA 預測] 的螢幕擷取畫面。](media/samples/forecasting-with-arima.png)
![顯示 [漏鬥圖] 的螢幕擷取畫面。](media/samples/funnel-plot.png)
![顯示 [極端值偵測] 的螢幕擷取畫面。](media/samples/outliers-detection.png)
![顯示 [曲線圖] 的螢幕擷取畫面。](media/samples/spline-chart.png)
![顯示 [時間序列分解圖表] 的螢幕擷取畫面。](media/samples/time-series-decomposition-chart.png)
![顯示 [時間序列預測圖表] 的螢幕擷取畫面。](media/samples/time-series-forecasting-chart.png)