Superset Dashboard 定義及使用
阿新 • • 發佈：2018-11-30
背景
專案中使用了Superset作為統計圖表的實現工具，關於Superset的安裝和基本使用網上有很多文章說明，這裡主要說一下Dashboard的使用。
由於普通的chart定義好之後，可以通過iframe的方式在自己的專案頁面中進入展示，但當一個頁面引入較多的iframe時，是比較慢的，測試發現一個iframe 載入的資源有2.2M大小。
當一個頁面需要展現多個chart時，就可以通過DashBoard來實現。
配置
方式1
新建一個DashBoard，選擇需要放入的charts
其中Charts是多選框，內容為Charts功能中配置的單個圖表。
方式2
開啟一個現有的Chart，點選Save按鈕
這樣可以將chart新增到一個現有的dashboard中，或者建立一個新的dashboard。
使用
要在自己的專案頁面中展示dashboard頁面，可以通過iframe引入
<html>
<head>
<title>dashboard</title>
</head>
<body>
<div class="dashboard">
<iframe src="http://127.0.0.1:9088/superset/dashboard/test/"></iframe>
</
直接這樣引入有兩個問題，一是頂部有superset的操作選單，二是需要登陸才能開啟
對於問題1，新增一個style即可，辦法是使用margin-top: -150px;使頁面偏移從而隱藏頂部區域
<style type="text/css">
.dashboard {
width: 100%;
margin: 0 auto;
}
.dashboard iframe {
width: 100%;
height 對於問題2，需要在Security–List Roles中對Public角色新增一個can dashboard on Superset許可權即可
重新整理iframe就不需要登陸了，頂部的選單也隱藏了
