跳到內容

Spreadsheet

Google Sheet.csv.xlsx 檔案讀取資料。

File - 從 Assets Window 拖入一個 Google Sheet.csv.xlsx 資產。

Excel Sheet - 從 .xlsx 資產中選擇一個 sheet(標籤頁)。

Column Title - 從電子表格中選擇一列。電子表格的第一行是保留的,用於填充此列表。

Spreadsheet Utility 只能從單列輸出資料。要使用同一資產的多個列,請為每個要輸出的列建立一個 Spreadsheet Utility。

Factorize - 當勾選時,一列文字可以轉換為值。例如,包含文字 Summer, Spring, Summer, Summer 的資料列可以轉換為值列表 1, 0, 1, 1。生成的列表按字母順序排列。

使用 Factorize 時,出於效能原因,資產也必須進行 ‘factorized’。在 Assets Window 中右鍵點擊資產並勾選 Factorize

Remapping - 相對於資料中的最小和最大值重新對應數值。例如,如果你想建立一個長條圖,需要值 1 由高度為 300px 的矩形表示,你可以做到。

如果資料中的最小值為 0,最大值為 10,並且有一個簡單的黑白漸層,值為 0 將輸出黑色,值為 10 將輸出白色,值為 5 將被重新對應為 50% 灰色。

Fixed Row - 當勾選時,將輸出 Row Index 中指定的行的內容(不包括標題行)。對於 Dynamic Rendering 很有用。

Row Index - 指定要輸出的行。值為 0 輸出電子表格的第 1 行(第 0 行保留給 Column Title)。

Row Offset - 對 Row Index 進行加減操作。

Use Every Nth Row - 僅取樣第一行然後每 N 行取樣一次,其中 N = 該值。

Row Count - 一個唯讀屬性,輸出選定列中的行數。

Column Count - 一個唯讀屬性,輸出資料中的列數。請注意,計數從第一列開始,到包含資料的最後一列結束。例如,如果透過 Google Sheet 匯入以下資料,將返回 Column Count7(A-G 列):

ABCDEFGHI
111

請注意,對於 .csv 檔案,這可能有所不同,因為空列仍可能被定義。例如,ColumnA,ColumnB,,,,, 中逗號後定義的列將包含在 Column Count 中。

Interpolate - 當勾選時,可以跨列混合資料。這需要 Column Title 被動畫化,可以透過將 Value Behaviour 連接到 Column Title 並對 Value 的 Value 屬性進行關鍵幀設定來實現。注意 - 值為 0 表示第一列。

Output Mode - 設定圖層的輸出:

  • Data - 輸出原始資料。
  • Sort Order (Ascending) - 按列資料從最小到最大值輸出排序順序。
  • Sort Order (Descending) - 按列資料從最大到最小值輸出排序順序。

Sort Order 獲取列中的值並輸出它們的排序順序。例如,如果一個名為 Data 的列包含以下值,且 Output Mode 設定為 Sort Order (Ascending),則 Spreadsheet 將輸出 Sort Order 中的值。

DataSort Order
563
30
171
402

如果 Output Mode 設定為 Sort Order (Descending)Sort Order 將反轉。這對於諸如排行榜之類的應用很有用。

DataSort Order
560
33
172
401

然後,輸出可用於將 DuplicatorShape Position Y 設定為在 Linear Distribution 中將長條圖的最大長條放在頂部,最小長條放在底部。然後可以使用 Remapping 將 Sort Order 轉換為有意義的位置值。例如,將 Sort Order 0, 1, 2 轉換為值 0, 50, 100

  1. 建立一個 Text Shape、一個 Duplicator 和一個 Spreadsheet Utility。
  2. 建立一個包含標題為 ‘Name’ 的行以及下面列出多個名稱的 .csv 檔案。
Name,Ringo,John,George,Paul
  1. .csv 檔案匯入 Assets Window
  2. .csv 拖入 Spreadsheet Utility 的 File 屬性。
  3. Spreadsheet Utility 上將 Column Title 設定為 ‘Name’。
  4. 連接 textShape.id→duplicator.inputShapes。
  5. 將 Duplicator 的 Distribution 設定為 Linear
  6. 將 Duplicator 的 Direction 設定為 Vertical
  7. 將 Duplicator 的 Count 設定為 4
  8. 連接 spreadsheet.id→textShape.string。

.csv 中的前 4 個名稱(不包括標題)將出現。對於多於或少於 4 個名稱,只需調整 Duplicator 上的 Count Y

  1. 建立一個包含以下資料的 Google Sheet.csv.xlsx
LabelValueColor
Twitter235#00acee
Instagram1135#c13584
YouTube101#ff0000
Vimeo2301#1ab7ea
TikTok764#69c9d0
  1. 如果使用 Google Sheet,確保 Link Sharing 設定為 Anyone with the link
  2. 透過 Assets Window 匯入 Google Sheet.csv.xlsx
  3. 將資產拖入 Viewport(這將建立一個 Spreadsheet Utility 並連接資產)。
  4. 在 Spreadsheet Utility 上,將 Column Title 設定為 Value
  5. 建立一個 Rectangle
  6. 連接 spreadsheet.id→rectangle.size.height。
  7. 選中 Rectangle,點擊 Shelf 中的 Duplicator 圖示。
  8. Distribution 設定為 Linear
  9. Count 設定為 5

此時你應該有 5 個矩形,每個矩形的高度按資料中 Value 列的每一行設定。為了將矩形固定到 ‘floor’,你可以使用 Align Behaviour。

  1. 建立一個 Align
  2. 連接 align.id→rectangle.deformers。
  3. Align Behaviour 上,將 Y 設定為 1

如果資料包含很小/很大的值,你可能需要將值重新對應到更適合你的 Composition 的結果。

  1. Spreadsheet Utility 上,將 Remapping 設定為 Number Range
  2. Source Minimum 設定為 0
  3. Source Maximum 設定為 2500。這兩個值大致包含資料的範圍。
  4. Minimum 設定為 0
  5. Maximum 設定為 500

資料中的值 0 現在將輸出為 0,而值 2500 將輸出為 500。在此範例中,我們有效地將所有值除以 2500/500 = 5,因此值 1000 將被重新對應為 200。

包含貨幣符號的欄位(例如 £ $)將被識別為數值。例如,£123.45 在連接到數值屬性時將被解釋為 123.45

如果值以 kMB 為後綴,則結果將分別乘以千、百萬或十億。例如,1.5k 在連接到數值屬性時將被轉換為 1500