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

Quick BI:円グラフ

最終更新日:Mar 01, 2026

円グラフは、データの割合を分析するために使用されます。たとえば、円グラフを使用して、カテゴリの各部分の割合を取得できます。このトピックでは、円グラフにデータを追加し、そのスタイルを設定する方法について説明します。

前提条件

ダッシュボードが作成されている必要があります。詳細については、「ダッシュボードの作成」をご参照ください。

概要

  • シナリオ

    ほとんどの場合、円グラフはメトリックの割合に基づいてディメンション値の分布を表示するために使用されます。データは、データのハイライトや拡大など、さまざまな方法で表現できます。

  • メリット

    • 使いやすいインタラクティブな操作:円グラフでは、メトリックの切り替えやフィルターの設定が可能です。

    • 視覚効果:円グラフとドーナツグラフ、カスタムラベル表示などが含まれます。

    • 注釈機能:メトリックなどの項目に注釈や文末脚注を設定し、外部リンクを追加して操作を実行できます。

  • レンダリング例

    image

チャートフィールドの設定

  1. [フィールド] タブで、必要なディメンションとメジャーのフィールドを選択します。

    • [ディメンション] リストで、[エリア] をダブルクリックするか、[セクターラベル/ディメンション] エリアにドラッグします。

    • [メジャー] リストで、[送料][単価][注文額] をダブルクリックするか、[セクター角度/メジャー] エリアにドラッグします。

  2. [更新] をクリックします。

    更新されたチャートは次のように表示されます。

    image..png

  3. 自動更新

    このオプションを有効にすると、システムはチャートデータを自動的に更新します。たとえば、このオプションを選択して期間を 5 分に設定すると、システムは 5 分ごとにチャートデータを自動的に更新します。

    image..png

チャートスタイルの設定

  • [チャートデザイン] タブの [データ] サブタブで、チャートフィールドのフォーマットをバッチ設定します。

    image..png

    チャートデータの設定に関する詳細については、「チャートフィールドの設定」をご参照ください。

このセクションでは、チャートスタイルの設定について説明します。一般的なチャートスタイルの設定については、「チャートタイトルの設定」をご参照ください。

設定エリアの上部にある 検索ボックス にキーワードを入力すると、設定項目 をすばやく見つけて設定できます。右側の image..png アイコンをクリックすると、すべてのカテゴリを展開/折りたたむ ことができます。

配色设置..gif

セクターエリア

セクターエリア では、以下の内容を設定できます。

設定項目名

設定項目の例

表示形式の切り替え

2 つのオプションから選択します: パイまたは リング

Untitled.gif

説明

リング は、リングの幅をカスタム設定できます。

配色設定

円グラフの 配色 を設定します。

Untitled.gif

半径比率

円グラフの半径比率を設定します。

Untitled.gif

データを「その他」にマージ

[プールされたデータを「その他」として扱う] を選択し、セクター数を 3 に設定すると、4 番目のセクターのデータラベルが「その他」として表示されます。

円グラフの「その他」セクターにマウスを合わせると、マージされたコンテンツが表示されます。

image.png

ブロック名:マージされたブロックの名前をカスタマイズします。例:image

ブロックの色:マージされたブロックの色を設定します。image.png

凡例

凡例image アイコンをクリックして、チャートの凡例を有効にし、そのスタイルを設定します。

  • PC 設定

    image

    チャート設定項目

    設定項目の説明

    位置

    PC の凡例の表示位置と配置を設定します。

    • 表示位置として または を選択した場合、左、中央、または右の配置を選択します。

    • 表示位置として または を選択した場合、上、中央、または下の配置を選択します。凡例とチャートデータコンテンツの間の距離も設定できます。

    テキスト

    PC の凡例のテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体を設定します。

    ラベルコンテンツの表示

    image アイコンをクリックしてデータコンテンツを表示します

    コンテンツ

    ラベル内に表示されるデータコンテンツを設定します。メジャー または 割合 を選択します。

    メイン凡例からの間隔

    ラベルとメイン凡例の間の間隔を設定します。

    テキストスタイル

    コンテンツにメジャーを選択した場合、メジャーデータの数値テキストのフォーマットを設定します。コンテンツに割合を選択した場合、割合データのテキストのフォーマットを設定します。

    割合の小数点以下の桁数

    コンテンツ割合 データを表示することを選択した場合、必要に応じて割合の小数点以下の桁数を調整します。

  • モバイル設定

    image

    チャート設定項目

    設定項目の説明

    位置

    モバイルの凡例の表示位置と配置を設定します。

    • 表示位置として または を選択した場合、左、中央、または右の配置を選択します。

    • 表示位置として または を選択した場合、上、中央、または下の配置を選択します。凡例とチャートコンテンツの間の距離も設定できます。

    説明

    位置として を選択した場合、凡例のサブラベルを有効にします。有効にした後、カスタム配置はサポートされません。

    テキスト

    モバイルの凡例のメジャー名のテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体を設定します。

    ラベルコンテンツの表示

    位置 を選択した場合、image アイコンをクリックして凡例のサブラベルを有効にします

    コンテンツ

    凡例のサブラベルに表示されるデータコンテンツを設定します。割合を選択します。

    スタイル

    凡例のサブラベルテキストのレイアウトを設定します。次のオプションから選択します:

    • 複数行均等配置[1行あたりの最大項目数] に入力された列数と [1ページあたりの最大項目数] に入力された行数に基づいて、ラベルが自動的に均等に配置されます。image

    • 単一行タイル:タグのすべてのコンテンツが 1 行に表示されます。image

    • プレーンテキスト:アイコンなしでテキストコンテンツのみが表示されます。テキストの色は、チャート内の対応するメジャーの線の色に従います。image

    割合の位置

    コンテンツ割合 データを表示することを選択し、スタイル複数行均等配置 または 単一行タイル を選択した場合、割合データの表示位置を設定します。値ラベルの または を選択します。

    テキストスタイル

    スタイル複数行均等配置 または 単一行タイル を選択した場合、さらに テキストのスタイルを設定します。

    コンテンツに 割合 データを表示することを選択した場合、割合データテキストのフォーマットを設定します。これにより、 ラベルコンテンツと区別され、異なるデータ型間の視覚的な違いが強調されます。

    割合の小数点以下の桁数

    コンテンツ割合 データを表示することを選択した場合、必要に応じて割合の小数点以下の桁数を調整します。

データラベル

データラベル では、データラベルを表示するかどうか、およびそのスタイルを設定できます。

image..png

チャート設定項目

設定項目の説明

完全表示

データラベルを完全に表示するかどうかを設定します。

コンテンツ

データラベルの表示コンテンツを設定します。ディメンション、メジャー、パーセンテージを選択します。

位置

ラベルの表示位置を設定します。

テキスト

ラベルのテキストスタイルを設定します。

ツールチップ

ツールチップimage アイコンをクリックして、ツールチップを有効にし、そのスタイルを設定します。

image

チャート設定項目

設定項目の説明

コンテンツ

ツールチップのコンテンツを設定します。割合情報を表示するかどうかを選択します。

背景色

ツールチップボックスの背景の塗りつぶし色を設定します。

テキスト

ツールチップボックスのテキストスタイルを設定します。フォントの色、サイズ、太さ、斜体を設定します。

モバイルツールチップ

PC とモバイルのツールチップの切り替えは独立しています。ダッシュボード編集ページの上部にある PC/モバイル切り替えボタン (image) を使用してモバイル編集ビューに入り、モバイルツールチップを編集します。フォントサイズは PC とモバイルで個別に設定できますが、他のスタイルは統一して設定されます。

image

合計

合計 では、合計コンテンツを表示するかどうかを設定できます。

image..png

チャート設定項目

設定項目の説明

カスタム名

合計のカスタム名を設定します。

テキストスタイル

テキスト名とテキスト値のスタイルを設定します。

系列設定

系列設定 では、系列のスタイルを設定できます。

image..png

説明

[カラー凡例/ディメンション] が有効な場合にのみ、[系列設定] でエイリアスと数値表示フォーマットを設定できます。

チャート設定項目

設定項目の説明

系列の選択

必要に応じてディメンションまたはメジャー項目を選択します。

エイリアス

系列名にエイリアスを設定します。

補助設定

補助表示 では、メトリックフィルタリング表示とサムネイル軸を設定できます。

image..png

チャート設定項目

設定項目の説明

メトリックフィルタリング表示を有効にする

有効にするかどうかを設定します。有効にした後、デフォルトで選択されるメトリックフィールドを設定します。

チャート分析の設定

設定項目

名前

説明

データインタラクション

ドリルダウン

フィールドパネルでドリルダウンフィールドを設定した場合、ここでドリルダウンレベルの行表示スタイルを設定します。

フィルターインタラクション

データが複数のチャートにまたがっている場合、フィルターインタラクションを使用して複数のチャートを連携させ、インタラクティブなデータ分析を実行できます。詳細については、「フィルターインタラクションの設定と可視化」をご参照ください。

ジャンプ

分析する必要のあるデータが複数のダッシュボードに存在する場合、ダッシュボードのハイパーリンクを使用して複数のダッシュボードを連携させ、データ分析を行います。ハイパーリンクには、[パラメータージャンプ][外部リンク] の 2 つの方法があります。具体的な設定については、「ハイパーリンクの設定と表示」をご参照ください。

注釈

アイコン、背景色、ディメンション値のハイライト色を使用して、チャートの特定の部分に注釈を付けることができます。詳細については、「注釈」をご参照ください。

チャートの削除

チャートを削除するには、下図の指示に従ってください。

image

次のステップ

  • ダッシュボードを特定のユーザーと共有して、そのユーザーがダッシュボードを閲覧できるようにすることができます。詳細については、「ダッシュボードの共有」をご参照ください。

  • テーマ別分析のためのナビゲーションメニューを備えた複雑なダッシュボードを作成するには、ダッシュボードを BI ポータルに統合します。詳細については、「PC BI ポータルの作成」をご参照ください。