Tableau

Tableauで長い文字列データをシート上で折り返す方法

こんにちは。今回はTableauの小技を紹介します。

ビジュアライズが得意なTableauですが、文字や文章を表示させたい場面は少なからずあると思います。

そんな時の「文字列の折り返し」をテーマのTipsになります。

制限があるTableauの折り返し機能

例えば以下のように、文字列データを持ったデータを綺麗に表示させたいとしましょう。

Tableau Softwareは、BI(ビジネスインテリジェンス)に特化したインタラクティブなデータの視覚化ツールを提供しているソフトウェア会社。CEOは、Adam Selipsky (アダム・セリプスキー)。本社はアメリカ合衆国ワシントン州シアトルにある。日本法人は、東京都中央区銀座 GINZA SIXに本社がある Tableau Japan株式会社。

「文字をわざわざ全て表示させるのかどうか」という議論は一旦置いといて、これを表示させようとすると、シートでは以下のようになります。

途中で途切れていて全く使い物になりません。

ダッシュボードに配置したりフォントを調節しても、シート自体のサイズが小さくなってしまうと、「・・・」となり表示されません。

「ラベルの配置から折り返しできるでしょ!」となるところですが、日本語はうまいこといかないのが現状です。

ちなみに、以下のように英文の場合は上手く折り返してくれます。

Tableauの文字列の折り返しは、英語は適応可能ですが日本語は難しいと考えていいかもしれません。

今回は「あくまで日本語の文章」とのことなので代替案を考えてみます。

代替案①MID関数を使ってゴリ押しで文字列を折り返す

代替案の一つとしては、「自動でうまく折り返してくれないのなら、手動で折り返すようにする」 というものです。

今回はMID関数を使用していきます。

MID関数とは、MID(”フィールド名”, 開始位置, 長さ)という形式で使用します。

例えば、MID(‘私はTableauが好きです’,3,2)とすると「私はTableauが好きです」という文字列データを3番目の文字から2つまで文字を取ってくる、つまり「Ta」となります。

↓こんな感じ

MID関数を応用して、長い文字列を恣意的に分割していこうと思います。

今回は以下のような、分割用の計算フィールドを作成します。

  • 文字列折り返し①:MID([説明],1,20) →1~20文字を取得
  • 文字列折り返し②:MID([説明],21,20) →21〜40文字を取得

試しに配置してみると・・

20文字目で自動的に折り返されていい感じになりました。微調整すればいけそうですね。

いちいち文字数を変えるのが面倒なので、パラメータを活用すれば柔軟性が上がります。

まず、文字数をコントロールするパラメータを作成します。

次に、文字列1列目用の計算フィールドを作成。

同様に文字列2列目用の計算フィールドを作成。

これを繰り返し、8個数計算フィールド作成し全てシートに配置してみると・・・

1行の文字数を30にしてみると、1シートに収まりました!

MID関数を使えば長い文字列はある程度ゴリ押しで全て表示できるみたいですね。

代替案②ツールヒントに収めて見やすく作り変える

ゴリ押しで長い文字列は折り返すことは可能であるのがわかったのはいいことですが、ビジュアル的にベストプラクティスかと言われるとそうでもない気がします。

目に最初に入ってくる情報が文字の羅列というのは、あまりイケてない気がします。


上のように、優先順位としては一段下がるような情報、特に詳細説明などはツールヒントに入れてあげてカーソルを合わせると表示される、とするのがシンプルかつベターかもしれません。

ChatGPTとVSCodeの連携方法とその使用例:開発効率を飛躍的にアップさせる前のページ

Tableauで見たい期間のみの昨年対比推移グラフを作る方法次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Office365

    エクセルで「テーブル」を使うメリット① 「BIツールで使いやすい」

    データを扱ういろんな環境、ツールがありますが、今も現場で出番の多いエ…

  2. Mouseflow

    【Tips】mouseflowで特定の流入経路からサイトを訪問した場合のみ計測させる方法

    みなさん、こんにちは。エクスチュアの鈴木です。今回は、mousefl…

  3. Tableau

    Tableau 2021.1 新機能紹介

    Tableau 2021.1 新機能紹介今回の2021.1は前回ま…

  4. Tableau

    Tableau:2つの値の比較に便利な「ダンベルチャート」を作る

    こんにちは、エクスチュア渡部です。今回は2つの値を比較するときに便…

  5. Google BigQuery

    BigQueryのユーザー定義関数(UDF)をTableauで使う

    こんにちは、エクスチュアの渡部です。今回はTableauでstan…

  6. Tableau

    Tableau ServerとTableau Onlineの違い【管理者向け】

    【基本のキ】Tableau ServerとTableau Online…

カテゴリ
最近の記事
  1. Looker Studioで日付フィルターの開始日・終了日の…
  2. Streamlitでdbt-elementary風ダッシュボ…
  3. Adobe WebSDK FPIDでECIDの復元を検証
  4. dbt Projects on Snowflakeで作成した…
  5. Dataformでtype:’increment…
  1. Adobe Analytics

    はじめてのAdobe Analytics実装②
  2. Application Integration

    Google Cloud iPaaS 「Application Integrat…
  3. Google Analytics

    Google Analytics 4: イベントパラメータをセッションスコープで…
  4. ObservePoint

    Webサイトのプライバシーポリシー検証(1/6):プライバシーポリシーを設置する…
  5. Tableau

    上位N件セットを使って「その他」を効果的に表現する【Tableau】
PAGE TOP