> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 全体の割合グラフ

## はじめに

全体の割合グラフは、値による尺度ではなくパーセントによる尺度を用いた [棒グラフ](/s/article/360043428493 "棒グラフ") です。各カテゴリーのバーは、各値の大きさを実際の値ではなく、相対的な大きさとして割合(%)で表します。 全体の割合グラフは、基本的にバーを用いた円グラフですが、名称をカテゴリと一致させるのに凡例を必要としないため、円グラフよりも読みやすく、解釈しやすいのが特徴です。 基本的な棒グラフと同様、全体の割合グラフは、縦横どちらでも利用できます。

## 全体の割合グラフを作成する

全体の割合グラフはDataSetから2つの列または行のデータのみを必要とします。1つはカテゴリ、そしてもう1つは値です。 値、カテゴリー、系列データについては、 [チャートデータについて](/s/article/360043428693 "チャートデータについて") を参照してください。

カードビルダーで、全体の割合グラフのデータを含む列を選択します。 データ列を選択する方法に関しては、 [DataSet 列をチャートに適用する](/s/article/360043428713 "DataSet 列をチャートに適用する") を参照してください。

カードビルダーでチャートをフォーマットする方法に関しては、 KPI カード作成パート 2： カードビルダー を参照してください。

次の図は、列が主体の典型的なスプレッドシートからのデータが、どのように全体の割合縦グラフに変換されるかを示しています。

<Frame>
  <img alt="vertical_percent_of_total_spreadsheet_example_new.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/D4XP-ZUu0hZKYNDT/images/kb/ka05w00000123mj-00N5w00000Ri7BU-0EM5w000005vP5k.png?fit=max&auto=format&n=D4XP-ZUu0hZKYNDT&q=85&s=47c8d34e133a5c510335b61bf6c9adb8" width="716" height="597" data-path="images/kb/ka05w00000123mj-00N5w00000Ri7BU-0EM5w000005vP5k.png" />
</Frame>

次の図は、列が主体の典型的なスプレッドシートからのデータが、どのように全体の割合横グラフに変換されるかを示しています。

<Frame>
  <img alt="horizontal_percent_of_total_spreadsheet_example_new.png" src="https://mintcdn.com/domoinc-openapi-sync-dataflows/D4XP-ZUu0hZKYNDT/images/kb/ka05w00000123mj-00N5w00000Ri7BU-0EM5w000005vP5m.png?fit=max&auto=format&n=D4XP-ZUu0hZKYNDT&q=85&s=67a1f5c58d265d1c5dd9a3aa67015fe0" width="716" height="648" data-path="images/kb/ka05w00000123mj-00N5w00000Ri7BU-0EM5w000005vP5m.png" />
</Frame>

## 全体の割合グラフをカスタマイズする

全体の割合グラフの外観は、 **チャートの設定** を編集してカスタマイズすることができます。 チャートの設定の全オプションについては、 [チャートの設定リファレンスガイド](/s/article/ "チャートの設定") を参照してください。 全体の割合グラフ 固有のプロパティには以下が含まれます。

<table border="1" cellpadding="1" cellspacing="1" data-aura-rendered-by="33:203;a"><thead><tr><th colspan="1" rowspan="1"><p> プロパティ </p></th><th colspan="1" rowspan="1"><p> 説明 </p></th></tr></thead><tbody><tr><td colspan="1" rowspan="1"><p> バーの色 </p></td><td colspan="1" rowspan="1"><p> 全体の割合グラフのバーの色を指定することができます。 <b> デフォルト </b> を選択すると、バーの色がデフォルトの色（青）に設定されます。 色の設定の詳細については、 <a href="/s/article/360043429653" target="_blank" title="チャートのデフォルトの色を変更する"> チャートのデフォルトの色を変更する </a> を参照してください。 </p></td></tr></tbody></table>

日本語