標籤: 資訊圖表 頁1
教學
使用 Looker Studio 串接 Facebook Ads 檢視成效
Looker Studio 除了自身跟 google 產品連結外，也提供了許多串接其他平台服務的方法，如果有要檢視 Facebook Ads 成效的話，可以這麼參考本篇做法。
網路資源
Looker Studio Report Gallery- Looker Studio 提供的報表範本庫
之前曾經提過可以使用 Looker Studio 的內建範本庫來建立報表，不過 Looker Studio 提供的其實遠大於此，要更完整的範本庫可以到 Looker Studio Report Gallery 去瀏覽，不知道要用哪個也能先套用後再決定要不要使用，內建的就很多很完整且方便的範本庫了。
教學
[Looker Studio] 使用篩選器過濾資料以專注於目標數據
Looker Studio 篩選器提供了非常多樣的篩選功能，透過篩選器可以調整顯示給報表檢視者的數據，藉由過濾減少內容檢視者就可以專注於目標的數據。
教學
使用 Looker Studio 內建函式運算欄位，以 CONCAT() 合併欄位內容為例
說明使用 Looker Studio 內建函式運算欄位的方法，以 CONCAT() 合併欄位內容為例。
網路資源
Treejs- 簡單好用的只要透過 JSON 就能產生樹狀圖的 javascript 套件
Treejs 是一個簡單好用的只要透過 JSON 就能產生樹狀圖的 javascript 套件，並簡單說明使用方法。
網路資源
Lucid.app- 方便製作 Mind map, FlowChart, ER 圖等資訊的線上工具，還可以直接把設計好的 ER 圖匯出成資料庫檔案
Lucid.app 是一個方便製作許多資訊圖表的線上工具，可以製作的包含 Mind map, FlowChart, ER 圖, persona, UML class...等，還可以直接把設計好的 ER 圖匯出成資料庫檔案後直接匯入資料庫，真的非常方便，有需要的可以嘗試看看。
網路資源
Apache ECharts- 基於 javascript 的開源資訊圖表函式庫
Apache ECharts 是一個基於 javascript 的開源資訊圖表函式庫，相較於 d3.js 等其他一些函式庫，有著更輕易上手的優勢。
![[chart.js] 讓圖表高度隨容器變化](/assets/upload/1618313148197_0.jpg)
教學
[chart.js] 讓圖表高度隨容器變化
使用 chart.js 雖然可以設定 canvas 的高度，但預設圖表高度會有一個比例，如果想要讓這個高度隨容器比例調整的話，可以把 canvas 外面設一個容器，並把 canvas 的高度設為 100%。
網路資源
C3.js- 以 D3.js 為基礎的圖表函式庫
D3.js 是一個很強大的圖表繪製函式庫，不過要學習的話需要花點時間，而 C3.js 就是以 D3.js 為基礎的函式庫，讓使用者可以透過簡單的語法就能產出互動好用的圖表。
