1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Tableauの画像サムネイル一覧をページングで表示する

Last updated at Posted at 2024-03-08

背景

Tabeleauではインターネット経由で画像サムネイルを出せるようになったが、
表示できる数に制限がある(TableauDesktopで数百枚、TableauOnlineで数十枚)。
そのため、見れる枚数で絞る必要がある

https://prod-apnortheast-a.online.tableau.com/#/site/pixta/views/_17077928988360/CV_2 を参考に

サムネイルを表示する

素材サムネイル計算フィールド(ディメンション)を作る

"https://example.com/"
+ STR([アイテムID])
+ ".jpg"

フィールド左のアイコンをクリックして、フィールドの型を変更
image.png

ディメンションとして行にフィールドを配置するとサムネイルが表示される

ページング機能作成

Tableauでは一度に見れるサムネイルの数に制限があるため、ページに分けて表示する必要がある

ページング用のパラメータ作成

表示ページ数パラメータを作成
image.png

閲覧環境パラメータを作成
image.png

ページング用の計算フィールド作成

表示サムネイル数(ディメンション)

IF [閲覧環境] = 1 THEN 30
ELSEIF [閲覧環境] = 2 THEN 200
END

行番号(メジャー)

RUNNING_SUM(1)

指定行番号範囲に入っている(メジャー)

([表示ページ数] - 1) * [表示サムネイル数] < [行番号]
AND 
[行番号] <= [表示ページ数] * [表示サムネイル数]

サムネイル表示シートの総ページ数(メジャー)

CEILING(SUM(1) / [表示サムネイル数])

ページング用のフィルター設定

指定行番号範囲に入っているをフィルターに入れる
(RUNNING_SUMを使ってる都合で、「次を使用して計算」を設定する必要がある。大抵は「表(下)」)

ダッシュボード上でうまく配置すればページング機能に
image.png

(分母の部分はサムネイル表示シートの総ページ数を使った専用ビュー)
スクリーンショット 2024-03-08 12.47.51.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?