【 Looker 26.0 】 ダッシュボードのタブ機能とカスタムツールチップ機能がLabsに追加されたので試してみた
2026.02.05
こんにちは、業務効率化ソリューション部のikumiです。
2026年1月26日のLookerアップデートにて、Lookerのビジュアライズ関連のアップデートが追加されていましたので、その内容について記載していきます。
今回のアップデートで気になったのは、以下の2つのビジュアライズ関連のアップデートとなりますので、この2つの機能について試してみました。
タブ付ダッシュボード
タブ付ダッシュボードは、名前の通り、ダッシュボードをタブで分けて表示をすることができるようになる機能です
- 事前準備として、管理者画面のラボ機能から、タブ付ダッシュボード機能をONにします
- 続いて、新しいダッシュボードを作成し、編集画面を起動
- 追加をクリックすると、
タブが表示されているので、タブを追加
- そうすると、ダッシュボードにタブが表示されました！
- その後は、各タブでダッシュボードの中身の編集をし、タブ別のダッシュボードを作成することができました！
- この機能により、ダッシュボードを分けるまでもないものの、角度の違う分析画面を作成することができるので、非常に便利な機能です！
カスタムツールチップ
カスタムツールチップは、可視化の要素をマウスオーバーした際に表示されるツールチップの書式をカスタマイズできる機能です。今回は簡単な表示変更のみ試してみますが、一つの要素に複数の値の項目を表示させたり、Liquid関数を使用して条件に応じた表示分けをすることも可能です。
- こちらも事前準備として、管理画面のラボ機能から、カスタムツールチップをONにします
- 続いて、カスタムツールチップを適用させたいLook開く
編集画面を開き、カスタムツールチップをON
- フォントタイプやサイズなどが編集できる画面が出てきました！今回は、
ツールチップのコンテンツを編集から直接コードで編集してみます
- 以下のコードを反映させます
<div style="display: inline-block; padding: 10px; border: 2px solid gold; font-family: Arial, sans-serif; font-size: 13px; color: gold;">
<div style="margin-bottom: 5px; border-bottom: 1px solid gold; padding-bottom: 3px;">
<strong>売上金額</strong>
</div>
<div style="text-align: right; font-size: 15px; font-weight: bold;">
{{ order_items.total_sale_price }}
</div>
</div>
- 保存し、値をマウスオーバーで表示してみると、想定通りのカスタム表示ができました！
さいごに
今回紹介した機能はまだLab機能としてのベータ版ですが、特にタブ付ダッシュボード機能はあるといいなと思っていた機能ですので、嬉しいアップデートでした！
