...
- 画面左側のパネルでフィルター項目をクリックします。
- 縦軸フィルターを選択し、サブタブコンテンツボックスの左側にあるここにグローバルコンテンツをドラッグボックスに配置します。
- フィルターパネルを閉じます。
- + フィルターボタンをクリックし、「フィルター」を選択します。
- 「チュートリアル請求金額サマリーレポート」のオプションのひとつから「性別」を選択します。
注釈: フィルターを追加すると、「チュートリアル請求金額サマリーレポート」が利用可能なレポートとして2回表示されます。これは、1つのレポートからダッシュボード上に2つの独立したオブジェクト (マルチグラフキャンバスと線グラフ) が存在するためです。後ほどこれらをリンクさせるので、どちらの性別フィルターを選択しても問題ありません。
より詳細な情報はこちら: ダッシュボードフィルターページを参照してください。 - グローバルコンテンツはこちらボックスの下にあるダッシュボードの余白をクリックします。画面右上にあるダッシュボードのプロパティパネルを開きます。
より詳細な情報はこちら: フィルターのプロパティパネルページを参照してください。 - 「ダッシュボード」から「サブタブ」に切り替えます。
- サブタブ名に「財務概要」と入力します。
- より詳細な情報はこちら: ダッシュボードのプロパティページを参照してください。
キャンバスレイアウトのサブタブ
次に作成するサブタブでは、「チュートリアルツアーサマリーレポート」からの表とグラフを使用します。キャンバスレイアウトを使用するので、テキストボックス、図形、ボタンウィジェットを追加できます。
サブタブの追加
...
グラフィックスの追加
次に、サブタブに水色の四角形を追加します。これは、サブタブヘッダーの背景になります。
...
テキストの追加
次に、ヘッダーに配置するテキストを追加します。
...
イメージの追加
ヘッダーにイメージを追加することで、サブタブのスタイルをスキーチームのブランドに合わせます。
...
レポートの追加
まず、「ツアーの評価」を示す数値グラフを追加します。このKPIを左上の白いボックス、「平均ツアー評価」テキストの上に配置します。
...
ローカルフィルターの追加
このサブタブに表示されるレポートオブジェクトで、ユーザーが「地域(ツアー)」や「ツアータイプ」でフィルターを適用できるように、ヘッダーに「ツアーフィルター」を追加しましょう。
注釈: キャンバス上のフィルターオブジェクトは、キャンバスの左右にあるここにグローバルコンテンツをドラッグ内のフィルターオブジェクトとは異なる動作をします。「性別」フィルターのようなグローバルフィルターは、すべてのダッシュボードサブタブに表示されます。逆に、サブタブキャンバス上のフィルターは、そのタブにしか表示されません。
...
フィルターのリンク
ダッシュボードにフィルターを追加した後、ダッシュボードの他のレポートにリンクすることができます。これにより、ユーザーが選択した値をダッシュボードのフィルターに適用すると、リンクされたすべてのレポートがそれに応じて更新されます。
フィルターは自動または手動でリンクできます。フィルターの自動リンクウィンドウで「フィルターをリンク」を選択すると、フィルターの自動リンクが有効になります。次のステップでは、フィルターを手動でリンクするか、フィルターが自動的に正常にリンクされたことを確認します。
より詳細な情報はこちら: フィルターリンクページを参照してください。
まず、「ツアー分析」サブタブ上で「ツアーフィルター」をリンクします。
...
ボタンの追加
ダッシュボードを完成させるために、「ツアー分析」サブタブから「財務概要」サブタブに戻るためのアクションボタンを追加します。
簡単に使用できる組み込みのアクションがあります。今回は以下を使用します。また、コードモードを使用することで、カスタムクリックイベントを作成することもできます。
より詳細な情報はこちら: 組み込みダッシュボードアクションボタンおよび拡張機能のためのコードウィジェットページを参照してください。
...
ダッシュボードとのインタラクション
ダッシュボードに追加した機能を確認します。
- プレビューモードを選択します。
ダッシュボードが公開された際にユーザーに表示される状態でダッシュボードを確認できます。
まずは、フィルターの動きを確認します。
...
ダッシュボードの公開
...
今回のダッシュボードは、Yellowfinの感触を掴むために、既存のスキーチームデータソースを使用して作成しました。次のステップは、独自のデータソースに接続して、独自のデータでコンテンツを構築します。