格子コンテナの詳細モードの例
このヘルプトピックでは、格子コンテナを詳細モードで使用して、チャートに高度な数式を構成する方法の例を示します。
このヘルプ トピックには次の変数が表示されます。
-
$(vDim)
-
$(vDimValue)
-
$(vDimSetFull)
追加の例については、「詳細設定モードの使用」を参照してください。
例 1: 条件付きメジャー数式
この例では、$(vDimValue) 変数をメジャー数式に追加して、格子コンテナを高度な数式に対応させる方法を示しています。このチャートで使用されている数式は、条件付き if 数式です。
データの追加
新しいアプリを作成し、以下のロード スクリプトを データ ロード エディター に追加します。次に、データをロードします。
マスター ビジュアライゼーションの作成
次の手順を実行します。
-
編集モードでシートを開きます。
-
シートに棒グラフをドラッグします。
-
棒グラフに軸として Item Type を追加します。
-
次の数式をメジャーとして追加します:
=if(Sum([Units Sold])>=40000, Sum({<Region={$(vDimValue)}>} [Total Profit]), Sum({<Region={$(vDimValue)}>} [Units Sold]))格子コンテナでは、この数式は次のように表示されます。
-
販売数が 40,000 個以上の場合: 地域ごとの利益の合計。
-
販売数が 40,000 個未満、またはデータが null の場合: 地域ごとの販売数の合計。
コンテナ内の各チャートでは、 $(vDimValue) 変数が Region の軸の値名に置き換えられます。
-
-
追加したメジャーに、次の [ラベル] を追加します。
=if(Sum([Units Sold])>=40000, 'Total Profit', 'Items Sold') -
プロパティ パネルで、 [ソート] を展開します。チャートが主にメジャー値の降順でソートされるように、ソートを調整します。
-
プロパティ パネルの [スタイル] で、 [色と凡例] を展開します。
-
[色] を [カスタム] に設定し、 [軸ごと] でチャートの色を指定するオプションを選択します。
-
[固定色] をオンにします。
-
チャートを右クリックするか、
ボタンを使用して、 [マスター アイテムに追加] をクリックします。 -
マスター アイテムに [名前] (BarChartExample など) を付け、 [追加] をクリックします。
格子コンテナの作成
次の手順を実行します。
-
格子コンテナをシートにドラッグします。
-
[軸を追加] をクリックして、Region を選択します。
-
[マスター ビジュアライゼーションを追加] をクリックします。ドロップ ダウン メニューで、BarChartExample マスター アイテムを選択します。
-
格子コンテナのプロパティパネルで、 [スタイル] にある [格子オプション] を展開します。
-
[詳細モード] を [オン] に設定します。
-
格子コンテナのプロパティパネルで、 [スタイル] にある [格子オプション] を展開します。
-
必要に応じて、 [タイトルの表示] をオンに切り替えます。チャートの [タイトル] に次の数式を追加します。
=if(Sum([Units Sold])>=40000, 'Total Profit, by Region and Item Type', 'Total Items Sold, by Region and Item Type')
シート上の格子コンテナのサイズを変更し、すべてのデータを表示するのに十分なスペースを確保します。チャートは次の画像のようになるはずです。
アプリで選択が行われていない場合の結果の例
アプリで選択を行うと (たとえば、特定の Order Priority を選択するなど)、注文量が少ないため、チャートに表示されるメジャーが変更される可能性があります。
アプリで選択が行われた場合の結果の例
例 2: マップ チャートに色をつける
この例では、メジャー数式によってマップ チャートを色分けするために、 [詳細モード] で格子コンテナを構成する方法を示します。具体的には、次のようになります。
-
$(vDimSetFull) を使用して、メジャーごとにマップ チャートを色分けします。
-
チャート内のテキストで $(vDim) と $(vDimValue) を使用します (今回はチャートのサブタイトルに使用)。
データの追加
新しいアプリと以下のロード スクリプトを データ ロード エディター に作成します。次に、データをロードします。
マスター ビジュアライゼーションの作成
次の手順を実行します。
-
編集モードでシートを開きます。
-
シートにマップ チャートをドラッグします。
-
プロパティ パネルで、チャートの新しいエリア レイヤーを作成します。
-
エリア レイヤーの軸として Country を追加します。
-
Country エリア レイヤーで、 [色] を展開します。
-
[色] を [カスタム] に設定し、 [メジャーごと] の色設定を選択します。
-
[メジャーの選択] に次の数式を追加します。
=Sum($(vDimSetFull) Sales) -
メジャーの色に「Total Sales」のラベルを追加します。
-
プロパティ パネルで、 [スタイル] > [基本設定] セクションを展開します。
-
チャートの [サブタイトル] に次の数式を入力します。
='Total Sales, ' & $(vDim) & ': ' & $(vDimValue)この数式はマスター ビジュアライゼーションではエラーを返しますが、格子コンテナでは意図したとおりに機能します。それぞれの固有の Year 値に対して、チャートのタイトルは Total Sales, Year: <year> になります。
-
チャートを右クリックするか、
ボタンを使用して、 [マスター アイテムに追加] をクリックします。 -
マスター アイテムに [名前] (MapChartExample など) を付け、 [追加] をクリックします。
格子コンテナの作成
次の手順を実行します。
-
格子コンテナをシートにドラッグします。
-
[軸を追加] をクリックして、Year を選択します。
-
[マスター ビジュアライゼーションを追加] をクリックします。ドロップ ダウン メニューで、MapChartExample マスター アイテムを選択します。
-
格子コンテナのプロパティ パネルで、 [スタイル] にある Trellis options を展開します。
-
[Advanced mode] (すべての行の色分けの条件) を [On] (指定された行) に設定します。
-
[列の数] をシートサイズと画面サイズに最適な値に設定します。下の画像と一致させるには、これを 5 に設定します。
-
格子コンテナのプロパティパネルで、 [スタイル] にある [格子オプション] を展開します。
-
チャートに「Total Sales by Country」の [タイトル] を追加します。
-
必要に応じて、チャートがシート全体の長さを占めるようにサイズを変更します。
-
シート編集モードを終了します。
下の画像と同じ配色にするには、アプリのテーマを [Sense クラシック] に設定します。
結果の例
