---
title: 【Tableau】ON／OFFボタンの作り方
description: TableauでON/OFFボタンを作成して、ダッシュボードに動的ユーザビリティを向上させる方法を解説します。
---

[Tableauナレッジ - INSIGHT LAB](https://knowledge.insight-lab.co.jp/tableau)

# [【Tableau】ON／OFFボタンの作り方](https://knowledge.insight-lab.co.jp/tableau/-tableau_onoff_button)

 作成者: [Cowby](https://knowledge.insight-lab.co.jp/tableau/author/cowby)｜2025年6月30日

## はじめに

こんにちは。Cowby です。

今回は、１つのダッシュボード内で、特定のフィールドの表示／非表示を切り替える簡単なON/OFFボタン（スイッチ）　の作り方についてです。

Tableauでは、デフォルトでON/OFFスイッチ機能などのお手軽ツール機能は、残念ながら標準装備されておりません。

なので、一から作って実装しちゃいましょう！

データソースはスーパーサンプルストアを利用しています。

作成済みの「売上高推移グラフ」（作成は割愛します）に対して、ON/OFFスイッチをクリックすることで、「前月比売上％」がオレンジ色で表示されたり、非表示になったりするような簡単な仕掛けになっています。

 

## 作成手順

### ON/OFFパラメーターを作成する

まずは、新規でパラメーターを作成します。

ONとOFFを「値」とするために、プロパティのデータ型に文字列を選択します。

表示名は、ダッシュボード上で分かりやすくするために、「前月比売上% ON 」「前月比売上% OFF」としています。

### ON/OFFボタンを作成する

次に、ONとOFFの切り替えボタンをダッシュボードに表示するために、新規でワークシートを作成します。

今回はボタンを、行列（0,0）のXY数直軸上の地点に現れる円形で表現します。

列と行に直接カーソルを当ててダブルクリックし、直接「MIN(0)」と記入します。

次に、マークの円（形状でもOK）を選択します。

続いて、「色」と「ラベル」に、作成したパラメータを配置します。

書式設定で、線のゼロラインをなし、グリッド線をなし、行と列のMIN(0）をクリックしてヘッダーの表示のチェックを外すと、ON/OFFボタンが出来上がります。

### ON/OFFセレクタを作成する

ボタンをクリックすると、ONとOFFが切り替わるように設定するために、切り替えるロジックを計算フィールドで設定します。

条件文として、パラメーターがONになった時には、ON/OFFセレクタはOFFになり、パラメーターがOFFになった時には、ON/OFFセレクタはONになる （その他の場合は、ON） と設定すると、クリックする毎に、ONとOFFが交互に押され待ち状態になるという具合です。

この計算フィールドをボタンの「詳細」に追加します。

こうなりました。

### ON/OFF切り替えで表示したい計算フィールドを作成する

今回、ON/OFF切替の対象は、「前月比売上％」ですので、これにON/OFFを設定します。

表示する売上推移グラフのワークシートのラベルへ先ほどの計算式を配置することで、「売上」ラベルの真上に「前月比売上％」が表示されるようになります。

 

### パラメータアクションの設定

いよいよ、ダッシュボード上の作業に移ります。

ダッシュボード上に、ON/OFFで表示するワークシートとボタンのワークシートを配置します。

タブのダッシュボード＞アクション　を選択して、「アクションの追加」でパラメータアクションを追加します。

ソースシートに、ボタンのワークシート「ON/OFFボタン」

ターゲットパラメーターに、作成したパラメーター「ON/OFFパラメータ」

ソースフィールドに、作成した計算フィールド「ON/OFFセレクタ」

を指定します。

 

これで、ON/OFFボタン付きのダッシュボードができました。

## おわりに

今回は小さな機能追加のためのスキルでしたが、細かな技術をダッシュボードへ積み重ねていくことでユーザビリティが少しづつ上がっていきますね。

最後まで読んでいただきありがとうございました。

[完全な記事を表示](https://knowledge.insight-lab.co.jp/tableau/-tableau_onoff_button)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Cowby"
  },
  "dateModified" : "2025-06-30T08:03:13.953Z",
  "datePublished" : "2025-06-30T08:03:13Z",
  "headline" : "【Tableau】ON／OFFボタンの作り方",
  "image" : {
    "@type" : "ImageObject",
    "height" : 696,
    "url" : "https://5935783.fs1.hubspotusercontent-na2.net/hubfs/5935783/TableauONOFF%E3%83%9C%E3%82%BF%E3%83%B3_2025-06-24_image%202.png",
    "width" : 985
  },
  "mainEntityOfPage" : "https://knowledge.insight-lab.co.jp/tableau/-tableau_onoff_button",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Tableauナレッジ"
  }
}
```