すべてのプロダクト
Search
ドキュメントセンター

Quick BI:ストーリービルダー

最終更新日:Jan 20, 2025

ストーリービルダーは、作成されたチャートをダッシュボードにストーリーラインとして表示できます。このトピックでは、ストーリービルダー ウィジェットを追加および設定する方法について説明します。

前提条件

ダッシュボードが作成されていること。詳細については、「ダッシュボードを作成する」をご参照ください。

シナリオ

単一のレポートで分析全体のアイデアを表示するために使用されます。

背景情報

Quick BI は、ストーリーラインを表示するために次の 3 つの方法をサポートしています。

  • BI ポータル:BI ポータルを使用して、必要なデータ分析レポートに基づいて複数のレポート オブジェクトを論理的に整理できます。この方法は、複数のレポートを表示するシナリオに適しています。

  • タブ ウィジェット:同じタブ ウィジェットで複数のチャートを設定できます。これにより、ユーザーは複数のチャートを一元的に表示できます。この方法は、単一のレポートに複数のチャートを表示するシナリオに適しています。

  • ストーリービルダー:このトピックでは、ストーリーラインを通じてページにデータ分析のトレンドを表示する方法について説明します。このトピックは、通常、単一レポートのシナリオで使用されます。

上部横方向

image右縦方向

image

ストーリービルダー ウィジェットを追加する

  1. ダッシュボードの編集ページで、次の図に示すように、上部ナビゲーションバーの image.png アイコンをクリックします。

    image.png

  2. ストーリービルダー コントロールで次の操作を実行できます。

    1. コンポーネントの位置が 上部横方向 に設定されている場合:

      image.png

      ① をクリックします。ストーリーラインパネルで、ストーリービルダー ウィジェットのスタイルを設定します。詳細については、「スタイルを設定する」をご参照ください。

      ② をクリックして、ストーリービルダー コントロールを削除します。

    2. コンポーネントの位置が 右縦方向 に設定されている場合:

      image.png

      ① をクリックします。ストーリーラインパネルで、ストーリービルダー ウィジェットのスタイルを設定します。詳細については、「スタイルを設定する」をご参照ください。

      ② をクリックして、ストーリーノードリストを展開します。

      ③ をクリックして、ストーリーノードを編集します。

      ④ をクリックして、ストーリービルダー コントロールを削除します。

スタイルを設定する

  • [基本設定] セクションで、[基本設定][ウィジェットの位置][ウィジェットのスタイル、ページモード、タイトル][デフォルトの状態][カスタム背景塗りつぶし]、および を設定します。

    [コンポーネントの位置][上部横方向] または [右縦方向] に設定できます。

    • コンポーネントの位置

      • Component Position パラメーターを [右垂直] に設定すると、[コンポーネント スタイル] パラメーターと [既定のステータス] パラメーターが表示されます。

        • [コンポーネントのスタイル] パラメーターを [メニューツリー] または [タブ] に設定できます。

          タブモード

          image

          メニューツリーモード

          image

        • [デフォルトの状態] パラメーターを [デフォルトで非表示] または [デフォルトで表示] に設定できます。

          [デフォルトの状態] パラメーターを設定した後、キャンバスで効果を確認できます。

          デフォルトで非表示

          image

          デフォルトで表示

          image

    • このパラメーターを 上部横方向 に設定すると、[コンポーネントのスタイル][ページモード]、および [タイトル] パラメーターを設定できます。

      • [コンポーネントのスタイル] パラメーターを [プログレスバー (①)]、[角丸プログレスバー (②)]、[章目次 (③)][データモデル (④)]、または [簡略化スタイル (⑤)] に設定できます。

        image

      • [ページングモード] パラメーターを [横方向] または [縦スクロール] に設定できます。

        横方向ページめくり

        横向翻页

        縦スクロール

        纵向滚动

      • [タイトル] セクションでタイトルをカスタマイズできます。

        image.png

    • [カスタム背景塗りつぶし] セクションで、ストーリーラインの背景色を設定できます。

      image

    • R角丸がサポートされています。

      image

  • [ストーリーノード] セクションで、ノードモードとストーリーノードの説明を編集します。

    • [ノードタイプ] パラメーターを [自動選択] または [手動選択] に設定できます。

      • [ノードタイプ] パラメーターを [自動選択] に設定すると、システムはダッシュボードのチャートとダッシュボードのレイアウトに基づいてストーリーノードを自動的に生成します。ダッシュボードのチャートの位置が変わると、ストーリーノードの順序も自動的に変わります。

      • [ノードタイプ] パラメーターを [手動選択] に設定すると、サムネイルリストからチャートを選択する必要があります。選択したチャートはストーリーノードとして設定されます。選択されていないチャートと、このウィジェットを設定した後に追加されたチャートは、ストーリーノードリストに表示されません。

        Untitled.gif

    • [ストーリーノードの編集] セクションで、ストーリーノード名を変更できます。

      ストーリーノードの編集ページでは、次の図に示すように、クエリ コントロールをバインドし、注釈を追加できます。

      image

      説明

      ストーリーノードリストには、最大 20 個のストーリーノードを含めることができます。各ストーリーノードの名前は、50 文字または 50 中国語文字を超えることはできません。

よくある質問

作成したダッシュボードで、一部のチャートがストーリーノードリストに表示されないのはなぜですか?

ダッシュボードの同じ行にあるチャートは、ストーリーノードリストで 1 つだけサポートされています。

  • 同じ行にチャートが 1 つしかない場合、ダッシュボードの左側、中央、または右側のいずれにあっても、ストーリーノードリストに表示できます。

  • 同じ行に 2 つ以上のチャートがある場合、ダッシュボードの左側にあるチャートのみがストーリーノードリストに表示できます。