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

Quick BI:データビジュアライゼーション画面 UI の概要

最終更新日:Jan 22, 2025

ビジュアライゼーション画面に移動すると、Quick BI が提供するビジュアライゼーション画面構成ツールとコンポーネント構成ツールを使用して、画面とコンポーネントを管理できます。 このトピックでは、大画面のレイアウトと機能構成について説明します。これにより、データ分析用のビジュアライゼーション画面コンポーネントをすばやく理解して使用できます。

インターフェイスエリアの紹介

image.png

  • ツールバー

    ツールバーでは、ダッシュボード名、スケール調整、コレクション、元に戻す、やり直し、ロック、データセットの置き換え、グローバルパラメーター、グローバル構成、および共有をカスタマイズできます。

  • コンポーネントライブラリ

    多様な大画面構築要件を満たすために、8種類のチャートに加えて、リッチテキスト、シェイプ、メディア、インタラクティブコントロール、およびマテリアルを提供します。

  • ページ構成エリア

    ページの追加、ページカルーセルの設定、ページの削除をサポートしています。

  • レイヤー構成セクション

    複数のレイヤーをサポートしています。レイヤーグループ、レイヤーカルーセル、レイヤーのロックと非表示などを構成できます。

  • キャンバス構成セクション

    キャンバスレイアウトの調整、ウィジェットの切り取り、コピー、ロック、非表示、結合ができます。

  • コンポーネント構成セクション

    構成にデータを追加したり、ウィジェットスタイルを構成したりできます。

  • データ処理エリア

    データセットの選択、データの追加、データ形式の変更、データの処理ができます。

ツールバー

ツールバーでは、次の操作を実行できます。

  1. 戻る。

  2. タイトルの編集。

  3. ページとレイヤーの展開。

  4. 画像またはお気に入りにデザインを追加します。

  5. キャンバスのスケールの調整。

  6. 元に戻す/やり直し。

  7. ロックする。

  8. データセットの置き換え。

  9. グローバルパラメーター。

  10. グローバル構成。

  11. リンク共有

  12. その他の編集後操作。

image.png

タイトルの編集

Untitled.gif

ページとレイヤーの展開

Untitled.gif

キャンバススケールの調整

Untitled.gif

グローバル構成項目

  • サイズの調整

    Untitled.gif

  • ズームモードの設定

    Untitled.gif

  • グローバルスタイルの設定

    Untitled.gif

  • グローバルフィルターの設定

    Untitled.gif

  • ページカルーセルの設定 image.png

データセットの置き換え

上部のナビゲーションバーで、image をクリックします。 現在のダッシュボード内のすべてのデータセットが表示されます。 グローバルデータセットの置き換え操作がサポートされています。

image.png

使用済みデータセット (①)セクションのデータセットを置き換える場合は、右側の 置き換えるデータセット (②)セクションで既存のデータセットを選択できます。 このオプションを選択した後、2 つのデータセットの フィールドの一致 (③)を選択する必要があります。.

説明

フィールドの一致を選択するときは、タイプパラメーターが同じである必要があります。

image

ビジュアライゼーション画面のプレビュー

機能エントリは次のとおりです:image.png

  • ページのプレビュー

    現在のページのみをプレビューします。 このモードでは、ナビゲーションバーは保持されます。 image.png

  • ビジュアライゼーション画面のプレビュー

    画面効果と同じように、大画面全体をプレビューします。 複数のページが構成されている場合は、ここで複数ページの効果を確認できます。 Untitled.gif

共有と公開

説明

画面が公開状態の場合にのみ、共有または公開できます。

image

  • [プライベートリンクで共有]:生成されたリンクには、承認されたユーザーがアクセスできます。

  • [パブリックリンクで共有]:生成されたリンクは、Alibaba Cloud アカウントにログインしなくても、有効期間内であればすべてのユーザーがアクセスできます。

名前を付けて保存

ダッシュボードの名前と保存場所を変更できます。 image.png

プロパティの編集

タイトル名 の変更、所有者の変更、またはコメントの追加ができます。 image.png

共同権限付与

編集権限をカスタマイズできます。 詳細については、「共同権限付与のグローバル構成」をご参照ください。

image.png

非公開

説明

ビジュアライゼーション画面は、公開状態の場合にのみ非公開にできます。

image.png

削除

説明

ビジュアライゼーション画面は、非公開または保存されている場合にのみ削除できます。

image.png

ショートカット

ショートカットキーは、オペレーティングシステムによって異なります。

機能

ショートカットキー (Windows)

ショートカットキー (macOS)

[複数選択]

Ctrl + マウス左ボタン

Command(⌘) + マウス左ボタン

[元に戻す]

Ctrl + Z

Command(⌘) + Z

[やり直し]

Ctrl + Shift + Z

Command(⌘) + Shift(⇧) + Z

[結合]

Ctrl + G

Command(⌘) + G

[グループ解除]

Ctrl + Shift + G

Command(⌘) + Shift(⇧) + G

[1 レイヤー上に移動]

Ctrl + ]

Command(⌘) + ]

[1 レイヤー下に移動]

Ctrl + [

Command(⌘) + [

[最前面に移動]

Ctrl + Shift + ]

Option(⌥) + Command(⌘) + ]

[最背面に移動]

Ctrl + Shift + [

Option(⌥) + Command(⌘) + [

[切り取り]

Ctrl + X

Command(⌘) + X

[コピー]

Ctrl + C

Command(⌘) + C

[貼り付け]

Ctrl + V

Command(⌘) + V

[ロック]

Ctrl + L

Command(⌘) + L

[非表示]

Ctrl + H

Command(⌘) + H

[削除]

Backspace(←)

Delete(⌫)

ヘルプとフィードバック

開始時に、ヘルプとフィードバックセクションのはじめにチュートリアルを表示できます。

image

コンポーネントライブラリ

データビジュアライゼーション画面では、多様なビジュアライゼーションのニーズを満たすために、8種類のチャートに加えて、リッチテキスト、シェイプ、メディア、インタラクティブコントロール、およびマテリアルを提供します。

機能エントリ:Untitled.gif

チャート名

ページ構成エリア

説明

最大 10 ページまで追加できます。

ページの追加 (①)、ページカルーセルの設定 (②)、その他 (③) で非表示 (④)/削除 (⑤) を選択できます。 image.png

レイヤー構成エリア

複数のレイヤーをサポートしています。レイヤーグループ、レイヤーカルーセル、レイヤーのロックと非表示などを構成できます。

① レイヤーの検索

② すべてのレイヤーを折りたたむ

③ すべてのレイヤーを非表示にする

④ カルーセルレイヤー図

⑤ レイヤー図のロック解除/ロック

⑥ レイヤーグループの表示/非表示

⑦ レイヤーグループの操作 (グループ解除、コピー、貼り付けなど)

image

キャンバス構成エリア

ヘッドナビゲーションバーで、ウィジェットをキャンバスにドラッグします。 Untitled.gif

柔軟なキャンバスレイアウト調整:データビジュアライゼーション画面では、より柔軟な方法でキャンバスを調整できます。 キャンバス上でウィジェットをドラッグアンドドロップしたり、ピクセル単位で移動したり、ウィジェットの切り取り、コピー、ロック、非表示、結合を行ったり、キャンバスのレイアウトを制御したりできます。 Untitled.gif

コンポーネント構成エリア

フィールドの追加

フリップカードを例として使用します。

  1. ウィジェットライブラリセクションの [チャート] セクションで、[フリッパー] アイコンを見つけて、キャンバスにドラッグします。 image.png

  2. [データセットの選択] をクリックし、次の図の手順に従ってデータを追加します。 image.png

スタイルの構成

  • き細かいスタイル構成:チャート要素のスタイルを構成できます。 チャート要素の色、フォント、位置、配置、幅、高さ、透明度を構成できます。 image.png

  • 豊富なアニメーション効果:ストリーマー、ページめくり、スクロールなどのアニメーション効果をサポートしています。 动画效果

詳細については、「チャートスタイルの構成」をご参照ください。

データ処理エリア

データセットの選択、データの追加、データ形式の変更、データの処理ができます。

① フィールドの一括フォーマット

② フィールドフィルタリングの設定

③ 自動データフィルタリングの設定

④ データセットの切り替え

⑤ データのプレビューとデータセットの編集

⑥ データの処理 (計算フィールドとグループ化ディメンションの作成)

⑦ フィールドのコピー

image詳細については、「チャートデータの構成」をご参照ください。