儀表板互動性

您可以自訂使用者點擊儀表板中的問題時會發生的情況。

預設情況下,當您使用 Metabase 的圖形化查詢產生器建立圖表時,您的圖表會自動具備鑽取功能,讓使用者可以點擊圖表以進一步探索。但如果您有更自訂的點擊路徑,Metabase 可讓您自訂使用者點擊儀表板中的圖表或表格時會發生的情況。

您可以設定儀表板卡片來

若要設定此互動性,您將使用儀表板卡片上的 點擊行為 選項。

自訂點擊行為

從您的儀表板,先點擊 鉛筆 圖示以進入儀表板編輯模式。

如果您將滑鼠游標停留在包含您要自訂之問題的卡片上,Metabase 將在該卡片的右上角顯示一個選單,其中包含從左到右的這些選項

  • 視覺化選項:此圖示看起來像畫家的調色盤。
  • 點擊行為:這是滑鼠游標點擊卡片的圖示。
  • 新增系列:如果您的問題具有您可以新增其他系列(例如折線圖或長條圖)的視覺化,您會看到此圖示,即 + 符號,旁邊是該圖表類型的小型表示。並非所有卡片都會顯示此選項。
  • 移除:此圖示是 X。選取此選項會從儀表板中移除您的問題。

選取 點擊行為 選項。

Click behavior icon

Metabase 將滑出 點擊行為側邊欄

Click behavior menu

對於使用查詢產生器撰寫的問題,您可以從三個選項中選取

  • 開啟 Metabase 鑽取選單。
  • 前往自訂目的地。
  • 更新儀表板篩選條件(如果儀表板有篩選條件)。

SQL 問題只會有 前往自訂目的地 更新儀表板篩選條件 選項。

如果您的儀表板有篩選條件,您也會看到一個更新篩選條件的選項。

開啟鑽取選單

對於使用查詢產生器撰寫的問題,預設點擊行為是開啟 鑽取選單 ,其中向使用者提供鑽取資料的選項

Drill-through menu

自訂目的地

您可以為所有問題設定自訂目的地,包括 SQL 問題。

Custom destinations

可能的目的地包括

  • 儀表板
  • 已儲存問題
  • URL

內部 Metabase 目的地(儀表板或已儲存問題)將在同一個瀏覽器分頁或視窗中載入。外部 URL 將在新分頁或視窗中開啟。

將值傳遞至目的地

如果您連結到具有篩選條件的儀表板或 SQL 問題,您可以將目前儀表板中的值傳遞至目的地中的篩選條件。

例如,如果您連結到具有 類別 篩選條件的儀表板,您可以將 類別 的值從來源問題傳遞至目的地儀表板

Pass value to dashboard

一旦您選取包含您要傳遞之值的欄位,側邊欄將顯示用於傳遞值的欄位,以及 Metabase 將值傳遞至的目的地目標篩選條件

Pass category to filter

在上述範例中,當使用者點擊 依產品類別排序的訂單 卡片時,Metabase 將把點擊的 產品 -> 類別 傳遞至目的地儀表板(「互動式儀表板」),然後該儀表板將依該 類別 篩選其卡片。

您也可以將目前儀表板上儀表板篩選條件的目前選取值傳送到目的地。在部分方案中,您也可以將 SSO 提供的使用者屬性傳遞到目的地。當您點擊其中一個目的地的篩選條件時,這些使用者屬性將會顯示為選項(前提是這些值與該篩選條件相容)。

當以表格形式顯示問題時,您可以為表格中的不同欄位選取不同的點擊行為。您也可以修改指定欄位中儲存格的內容,以自訂文字取代值。例如,如果您有一個列出類別的欄位,您可以將儲存格中的文字變更為:「點擊以取得 {{Category}} 的詳細資訊」,其中 類別 是您的欄位名稱。

您也可以使用值來建構外部資源的 URL。

Enter a URL

點擊行為 側邊欄中,選取 前往自訂目的地 並連結到 URL輸入要連結到的 URL 模式方塊將會彈出,讓您可以指定 URL,以及欄位或儀表板篩選條件。

我們在這裡需要做的是輸入使用者點擊卡片中的值時應前往的完整 URL。但我們可以做的真正強大的事情是在 URL 中包含變數。這些變數將把使用者點擊的值插入到 URL 中。

例如,我們可以輸入類似這樣的 URL

https://metabase.dev.org.tw/search.html?query={{Category}}

重要的部分是 {{Category}} 位元。我們在這裡做的是參考使用者點擊的 類別。因此,如果有人點擊我們圖表中的 Widget 長條,則該長條的 類別 欄位的值 (Widget) 將會插入到我們的 URL 中:https://metabase.dev.org.tw/search.html?query=Widget。您的 URL 可以使用任意數量的欄位變數 - 您甚至可以在 URL 的不同部分多次參考同一個欄位。若要查看您可以包含在 URL 中的變數,請點擊下拉式選單 您可以參考的值

接下來,我們將點擊 完成,然後 儲存 我們的儀表板。現在,當我們點擊我們的圖表時,我們將被帶到我們在上面輸入的 URL,並將點擊的長條的值插入到 URL 中。

若要瞭解更多資訊,請查看自訂目的地:選擇使用者點擊儀表板中的圖表時會發生的情況

使用圖表篩選儀表板

如果您的儀表板包含至少一個篩選條件,您可以進行設定,以便點擊儀表板中的圖表將更新篩選條件。

當使用者點擊長條圖中的長條時,您可以將點擊的長條的值傳送到篩選條件,並更新儀表板中的卡片。我們將此功能稱為 交叉篩選。您可以使用此交叉篩選,使圖表表現為一種「導覽問題」,以篩選其他卡片中的資料。

例如,點擊 Widget 長條將更新目前儀表板的 類別 篩選條件,以篩選 Widget

Cross-filtering

若要設定交叉篩選,請選擇您想要在點擊時更新的儀表板篩選條件,以及用於更新該篩選條件的問題。您可以將此問題視為您的「導覽問題」。您不會將此導覽問題連接到篩選條件,而是將儀表板上的每個其他問題都連接到篩選條件

在下方,我們將使用 依產品類別問題排序的訂單 作為我們的導覽問題,因此我們將保持此問題與篩選條件斷開連線,並將所有其他問題連接到 類別 篩選條件。

Wiring up filter

在您的篩選條件連接後,請保持在儀表板編輯模式中,並將滑鼠游標停留在您要用作導覽問題以篩選儀表板的問題上。點擊 點擊行為 圖示,然後選取 更新儀表板篩選條件

Metabase 將列出您可以更新的篩選條件。在這裡,我們選取 類別 篩選條件,並從問題的 產品 -> 類別 欄位提供值給該篩選條件。

Update a dashboard filter

在側邊欄中點擊 完成,然後 儲存 您的儀表板。

現在我們可以運用導覽問題(依產品類別訂單)在您的儀表板中以互動方式篩選資料。當使用者點擊導覽問題中的一個值時,Metabase 會將點擊的值傳送到篩選器,並更新儀表板上的每個卡片,依據點擊的值進行篩選 - 除了導覽問題:「依產品類別訂單」以外的所有卡片。我們不希望導覽問題更新的原因是,這樣我們才能點擊其他長條圖來使用不同的值更新篩選器。

若要深入了解,請查看交叉篩選:使用圖表更新儀表板篩選器

閱讀其他Metabase 版本的文件。