Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • 画面左側のパネルでフィルター項目をクリックします。
  • 縦軸フィルターを選択し、サブタブコンテンツボックスの左側にあるここにグローバルコンテンツをドラッグボックスに配置します。
  • フィルターパネルを閉じます。
  • + フィルターボタンをクリックし、「フィルター」を選択します。
  • チュートリアル請求金額サマリーレポート」のオプションのひとつから「性別」を選択します。
    注釈: フィルターを追加すると、「チュートリアル請求金額サマリーレポート」が利用可能なレポートとして2回表示されます。これは、1つのレポートからダッシュボード上に2つの独立したオブジェクト (マルチグラフキャンバスと線グラフ) が存在するためです。後ほどこれらをリンクさせるので、どちらの性別フィルターを選択しても問題ありません。


    より詳細な情報はこちら: ダッシュボードフィルターページを参照してください。
  • グローバルコンテンツはこちらボックスの下にあるダッシュボードの余白をクリックします。画面右上にあるダッシュボードのプロパティパネルを開きます。
    より詳細な情報はこちら: フィルターのプロパティパネルページを参照してください。
  • ダッシュボード」から「サブタブ」に切り替えます。
  • サブタブ名に「財務概要」と入力します。


  • より詳細な情報はこちら: ダッシュボードのプロパティページを参照してください。

キャンバスレイアウトのサブタブ

次に作成するサブタブでは、「チュートリアルツアーサマリーレポート」からの表とグラフを使用します。キャンバスレイアウトを使用するので、テキストボックス、図形、ボタンウィジェットを追加できます。

サブタブの追加

...

グラフィックスの追加

次に、サブタブに水色の四角形を追加します。これは、サブタブヘッダーの背景になります。

...

テキストの追加

次に、ヘッダーに配置するテキストを追加します。

...

イメージの追加

ヘッダーにイメージを追加することで、サブタブのスタイルをスキーチームのブランドに合わせます。

...

レポートの追加

まず、「ツアーの評価」を示す数値グラフを追加します。このKPIを左上の白いボックス、「平均ツアー評価」テキストの上に配置します。

...

ローカルフィルターの追加

このサブタブに表示されるレポートオブジェクトで、ユーザーが「地域(ツアー)」や「ツアータイプ」でフィルターを適用できるように、ヘッダーに「ツアーフィルター」を追加しましょう。

注釈: キャンバス上のフィルターオブジェクトは、キャンバスの左右にあるここにグローバルコンテンツをドラッグ内のフィルターオブジェクトとは異なる動作をします。「性別」フィルターのようなグローバルフィルターは、すべてのダッシュボードサブタブに表示されます。逆に、サブタブキャンバス上のフィルターは、そのタブにしか表示されません。

...

フィルターのリンク

ダッシュボードにフィルターを追加した後、ダッシュボードの他のレポートにリンクすることができます。これにより、ユーザーが選択した値をダッシュボードのフィルターに適用すると、リンクされたすべてのレポートがそれに応じて更新されます。

フィルターは自動または手動でリンクできます。フィルターの自動リンクウィンドウで「フィルターをリンク」を選択すると、フィルターの自動リンクが有効になります。次のステップでは、フィルターを手動でリンクするか、フィルターが自動的に正常にリンクされたことを確認します。

より詳細な情報はこちら: フィルターリンクページを参照してください。

まず、「ツアー分析」サブタブ上で「ツアーフィルター」をリンクします。

...

ボタンの追加

ダッシュボードを完成させるために、「ツアー分析」サブタブから「財務概要」サブタブに戻るためのアクションボタンを追加します。

簡単に使用できる組み込みのアクションがあります。今回は以下を使用します。また、コードモードを使用することで、カスタムクリックイベントを作成することもできます。

より詳細な情報はこちら: 組み込みダッシュボードアクションボタンおよび拡張機能のためのコードウィジェットページを参照してください。

...

ダッシュボードとのインタラクション

ダッシュボードに追加した機能を確認します。

  • プレビューモードを選択します。

ダッシュボードが公開された際にユーザーに表示される状態でダッシュボードを確認できます。

まずは、フィルターの動きを確認します。

...

ダッシュボードの公開

...

今回のダッシュボードは、Yellowfinの感触を掴むために、既存のスキーチームデータソースを使用して作成しました。次のステップは、独自のデータソースに接続して、独自のデータでコンテンツを構築します。