タブ付きコンテナ
タブ コンテナは、限られたスペースにビジュアライゼーションを追加できるオブジェクトです。タブ コンテナ内では、条件に基づいてビジュアライゼーションを表示または非表示にすることもできます。
使用に適しているケース
タブ コンテナは、スペースに制約のあるダッシュボードで、ビジュアライゼーション間を素早く切り替えたい場合に役立ちます。タブ コンテナを使用し、以下の条件に基づいてさまざまなビジュアライゼーションを表示できます。
- どのユーザーがチャートにアクセスしているか。
- 変数値。
条件式での GetPossibleCount() 関数の使用によって項目が取りうる値の数。
タブ コンテナの作成
編集中のシートにタブ コンテナを作成できます。
次の手順を実行します。
- アセット パネルから、タブ コンテナ オブジェクトをシートにドラッグします。
- プロパティパネルの ContentでAddをクリックします。
[Master items] (マスター アイテム) でマスター ビジュアライゼーションを選択するか、[Charts] (チャート) でビジュアライゼーションを新規作成します。
別の方法: 使用可能なビジュアライゼーションを、シートまたは [Master items] (マスター アイテム) から直接タブ コンテナ上にドラッグして、コンテンツをタブ コンテナに追加できます。
- プロパティ パネル内でチャートをドラッグして、タブの順序を設定します。
これで、追加したビジュアライゼーションごとに 1 つずつのタブが付いたコンテナーが作成されました。タブを切り替えて、異なるビジュアライゼーションを表示できます。
表示条件の追加
作成したタブに表示条件を追加することができます。
次の手順を実行します。
- プロパティ パネルの [Content] (コンテンツ) で、表示条件を追加するチャートをクリックします。
[Show condition] でチャートの表示条件を追加します。通常、If() 関数を使用します。
「if - スクリプトおよびチャート関数」を参照してください。
別の表示条件は異なるチャートに追加します。
これで、追加した条件の結果に応じて、チャートが表示または非表示になります。チャートの条件が True の場合は表示され、False の場合は非表示になります。
タブの方向の変更
タブは垂直または水平に配置できます。
次の手順を実行します。
プロパティ パネルで [スタイル] > [プレゼンテーション] に移動します。
[方向] で、タブ コンテナ内のタブの位置を選択します。
既定のアクティブなタブの変更
既定では、タブ コンテナを表示すると最初のタブが表示されます。これはプロパティ パネルで変更できます。
次の手順を実行します。
プロパティ パネルで [スタイル] > [プレゼンテーション] に移動します。
[既定] タブのドロップダウンを使用して、ユーザーがシートを表示したときに表示するチャートを選択します。ドロップダウンには、コンテナに配置されているのと同じ順序で利用可能なチャートがリストされます。
新しい既定のタブ設定が反映されているのを確認する場合は、ブラウザを一度閉じて、もう一度開きます。
タブ コンテナのスタイル指定
プロパティ パネルの [スタイル] には、さまざまなスタイル オプションが用意されています。
チャートのスタイル指定をさらにカスタマイズするには、[外観] > [プレゼンテーション] で [スタイル指定] をクリックします。スタイル指定パネルの [一般] および [チャート] タブには、さまざまなセクションが表示されています。
各セクションの横にある をクリックすると、スタイルをリセットできます。[すべてをリセット] クリックすると、スタイル指定パネルで利用可能なすべてのタブのスタイルがリセットされます。
テキストのカスタマイズ
[スタイル] > [基本設定] で、タイトル、サブタイトル、脚注のテキストを設定できます。これらの要素を非表示にするには、[タイトルを表示] をオフにします。
チャートの異なるラベルの可視性は、チャートごとの設定とラベル表示オプションによって異なります。これらはプロパティ パネルで構成できます。
チャートに表示されるテキストのスタイルを指定できます。
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[基本設定] タブで、次のテキスト要素のフォント、強調スタイル、フォント サイズ、色を設定します。
タイトル
サブタイトル
脚注
[タブ] タブで、次のテキスト要素のフォント、フォント サイズ、色を設定します。
ラベル: 軸のラベルのスタイルを指定します。
背景のカスタマイズ
チャートの背景をカスタマイズできます。背景は、色と画像で設定できます。
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[スタイル] > [プレゼンテーション] で、[スタイル指定] をクリックします。
スタイル指定パネルの [一般] タブでは、背景色 (単一色または数式) を選択できます。メディア ライブラリまたは URL から画像を背景に設定することもできます。
背景色を使用する場合は、スライダーを使用して背景の不透明度を調整します。
背景画像を使用する際、画像のサイズや位置を調整できます。
境界線のカスタマイズ
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[境界線] で、境界線の枠線と角の半径を設定します。
影を追加する
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[影] で、影のサイズと色を選択します。
タブ幅の設定
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[タブ] をクリックします。
[幅] で、幅をパーセンテージまたはピクセルに設定します。
[最小/最大] で、タブの最大サイズと最小サイズを設定します。
選択したタブのインジケーターの色を設定する
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[タブ] をクリックします。
[インジケーター] で、単色を使用するか、数式による色分けを使用するかを選択します。
単色の場合は、色を選択します。
数式を使用する場合は、数式を入力します。
スタイル指定アイコン
[アイコンの表示] をオンにすると、アイコンのスタイルを指定できます。
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[タブ] をクリックします。
[アイコン] で、チャートのアイコンのサイズ、色、位置を設定します。
タブの背景色のカスタマイズ
次の手順を実行します。
プロパティ パネルで、 [スタイル] セクションを展開します。
[外観] > [プレゼンテーション] で、[スタイル指定] をクリックします。
[タブ] をクリックします。
[背景色] で、タブの色、選択済みタブの色、タブにマウスを置いたときの色を選択します。単一色を使用するか、数式によって色分けできます。
タブ コンテナを使用したブックマークの作成
既定では、選択項目のあるタブ コンテナオ ブジェクトを含むブックマークを作成すると、ブックマークが選択されたときに最初のタブがアクティブになります。タブ コンテナの別の既定のアクティブなタブを保存するには、そのタブを開いた状態でブックマークを作成するときに [レイアウトの保存] をオンに切り替えます。ブックマーク リストで右クリックして [既定のブックマークとして設定] を選択してそのブックマークを既定のブックマークとして設定すると、ブックマークの作成時にアクティブだった選択とタブがシートに表示されます。
次の手順を実行します。
ツールバーで をクリックします。
[ブックマークの新規作成] をクリックします。
必要に応じて、名前と説明を変更します。
- 既定のタブ以外のタブをアクティブなタブにする場合は、そのタブを開いた状態で [レイアウトの保存] をオンに切り替えます。これにより、プロパティ パネルの [既定] タブ設定が上書きされます。
- [保存] をクリックします。
表示の制限
- タブ コンテナ内に別のコンテナがあるマスター ビジュアライゼーションを使用することはできません。
- 同じマスター ビジュアライゼーションをタブ コンテナに 2 回追加することはできません。
- メジャーまたは軸をタブ コンテナにドロップして、コンテナ内にチャートを作成することはできません。