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

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

最終更新日:Mar 01, 2026

ストーリービルダーは、Quick BI ダッシュボードのインタラクティブなナビゲーションウィジェットです。分析の視点やビジネスシナリオに基づいて、ダッシュボード内の複数のチャートを論理的な順序でリンクします。これにより、レポート作成者はダッシュボードコンテンツのフローとペースをコントロールし、レポートの物語性と論理構造を向上させることができます。この Topic では、ストーリービルダーウィジェットの追加方法と設定方法について説明します。

前提条件

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

利用シーン

単一のレポート内で一貫した分析の物語を提示する必要がある場合に、ストーリービルダーを使用できます。たとえば、月次業務レビューレポートでは、「目標 vs 実績 → ギャップ分析 → 根本原因 → 改善提案」のように複数の分析ビューを段階的に整理し、問題の特定から根本原因の分析、そして最終的に実用的なインサイトへと続く連続したデータストーリーを作成できます。

ステップ 1:ストーリービルダーウィジェットの追加

ダッシュボードの編集ページで、上部のメニューバーにある image.png アイコンをクリックして、ストーリービルダーウィジェットを追加します。

image

ステップ 2:スタイルの設定

ストーリービルダーパネルで、基本設定セクションを使用して、コンポーネントのレイアウトや背景の塗りつぶしなどの視覚スタイルを定義します。ストーリーノードセクションを使用して、ノードモードを設定し、ノードの説明を編集します。

基本設定

このセクションでは、ストーリービルダーウィジェットの位置とスタイルを設定できます。利用可能なオプションは、選択したコンポーネントの位置によって異なります。

  • コンポーネントの位置が [上部水平] に設定されている場合、次のオプションを設定できます:image

    設定項目

    説明

    コンポーネントスタイル

    [プログレスバー] (①)、[角丸プログレスバー] (②)、[チャプターリスト] (③)、[データモデル] (④)、または [ミニマリスト] (⑤) から選択します。

    image

    ページナビゲーションスタイル

    [水平フリップ][垂直スクロール] から選択します:

    • 水平フリップ

      横向翻页

    • 垂直スクロール

      纵向滚动

    カスタム背景の塗りつぶし

    チェックを入れると、[カードの色] でストーリービルダーウィジェットの背景色を選択できます。[単色] または [グラデーション] を選択します。

    角の半径

    ストーリービルダーウィジェットの角の半径の値を設定します。

    タイトルを表示

    チェックを入れると、ストーリービルダーウィジェットにタイトルが表示されます。タイトルのテキストと、フォントの色、サイズ、太さ、斜体などのスタイルをカスタマイズします。image

    ストーリーラインスタイル

    image アイコンをクリックして、ノードのテキストと背景色をカスタマイズします。有効にすると、これらの設定はテーマの配色をオーバーライドします。

    選択状態と非選択状態のノードタイトル (①) とノードの説明 (②) のテキストスタイル、および選択状態のノードカラーブロック (③) の色を設定できます。

    image

  • コンポーネントの位置が [右側垂直] に設定されている場合、次のオプションを設定できます:image

    設定

    説明

    コンポーネントスタイル

    [メニューツリー][タブ] から選択します。

    • タブ形式

      image

    • メニューツリー

      image

    デフォルトステータス

    [デフォルトで非表示] または [デフォルトで表示] を選択します。この設定は、ダッシュボードのプレビューページですぐに有効になります。

    • デフォルトで非表示

      image

    • デフォルトで表示

      image

    カスタム背景の塗りつぶし

    チェックを入れると、[カードの色] でストーリービルダーウィジェットの背景色を選択できます。

    コンポーネントの幅

    チェックを入れると、ストーリービルダーウィジェットの幅を設定できます。

    ストーリーラインスタイル

    image アイコンをクリックして、ノードのテキストと背景色をカスタマイズします。有効にすると、これらの設定はテーマの配色をオーバーライドします。

    選択状態と非選択状態のノードタイトル (①) のテキストスタイル、および選択状態のノードカラーブロック (②) の色を設定できます。

    image

ストーリーノード

ストーリーノードセクションでは、ノードモードを設定し、ノードの説明を編集できます。

  • ノードモードは、[自動選択][手動選択] の 2 つのオプションをサポートしています。

    • ノードモード[自動選択] に設定されている場合、システムはダッシュボードのレイアウトに基づいてストーリーノードリストを自動的に生成します。チャートの位置が変更されると、ノードの順序も自動的に更新されます。

    • ノードモード[手動選択] に設定されている場合、サムネイルビューからチャートを手動で選択して、ストーリーノードとして含めることができます。選択されていないチャートや、設定後に追加されたチャートは、ストーリーノードリストに表示されません。

      Untitled.gif

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

    ストーリーノードの編集ページでは、以下に示すように、クエリコントロールをアタッチしたり、注釈を追加したりできます。

    image

    説明

    ストーリーノードリストは最大 20 ノードまでサポートします。各ノード名は最大 50 文字まで入力できます。

ステップ 3:ストーリーラインの管理

ストーリービルダーウィジェットでは、以下の管理操作を実行できます。

  • コンポーネントの位置が [上部水平] に設定されている場合:

    image

    • ストーリービルダーウィジェット (①) をクリックして [ストーリービルダー] パネルを開き、編集します。詳細については、「ステップ 2:スタイルの設定」をご参照ください。

    • ② をクリックして、ストーリービルダーウィジェットを削除します。

  • コンポーネントの位置が [右側垂直] に設定されている場合:image

    • ① をクリックして [ストーリービルダー] パネルを開き、編集します。詳細については、「ステップ 2:スタイルの設定」をご参照ください。

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

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

    • ④ をクリックして、ストーリービルダーウィジェットを削除します。

よくある質問

1. BI ポータル、タブウィジェット、ストーリービルダーの違い

BI ポータル、タブウィジェット、ストーリービルダーは、いずれも Quick BI のインタラクティブなナビゲーション機能ですが、それぞれ目的と利用シーンが異なります:

  • BI ポータル:ビジネスロジックに従って複数のレポートオブジェクトを整理するために使用されます。通常、複数のレポートを提示する必要がある場合に使用します。詳細については、「BI ポータル」をご参照ください。

  • タブウィジェット:複数のチャートを単一のタブにグループ化して一元的に表示するために使用されます。限られたダッシュボードスペース内で複数のチャートを効率的に整理するのに最適です。詳細については、「タブ」をご参照ください。

  • ストーリービルダー:単一のレポート内の分析フローをストーリーラインとして提示するために使用されます。1 つのレポートで完全な分析の物語を示すのに最適です。ストーリービルダーは、上部水平または [右側垂直] の位置に配置できます。詳細については、この Topic をご参照ください。

    • 上部水平

      image

    • 右側垂直

      image

2. ダッシュボード内の一部のチャートがストーリーノードリストに表示されない理由

ストーリーノードリストには、1 行につき 1 つのチャートしか表示できません:

  • 1 行にチャートが 1 つしかない場合、そのチャートは行内の位置 (左、中央、右) に関係なく、ストーリーノードリストに表示されます。

  • 1 行に 2 つ以上のチャートが含まれている場合、最も左にあるチャートのみがストーリーノードリストに表示されます。