メイン コンテンツへスキップ
サポート
Microsoft アカウントでサインイン
サインインまたはアカウントを作成してください。
こんにちは、
別のアカウントを選択してください。
複数のアカウントがあります
サインインに使用するアカウントを選択してください。

注: この記事は、Microsoft SharePoint 2010 バージョンに適用されます。 Microsoft 365 で SharePoint を使用している場合は、「クイックグラフ web パーツを使用する」を参照してください。

グラフ Web パーツを使用して、ページにグラフを作成して表示することができます。 グラフ Web パーツは、折れ線グラフ、横棒グラフ、およびその他のビューのデータを視覚的に表示する場合に便利です。 グラフを使用すると、自分や他のユーザーがパフォーマンス情報をひとめで確認できます。

グラフ Web パーツを作成してページに追加するときは、通常、いくつかのフェーズで行います。 まず、グラフ Web パーツをページに追加します。 次に、グラフ Web パーツをデータソースに接続し、データを表示するようにグラフを構成します。 最後に、必要に応じてグラフ Web パーツの外観を変更できます。

この記事の内容

フェーズ 1: グラフ Web パーツを Web パーツページに追加する

このフェーズでは、編集するページを作成するか開き、空白のグラフ Web パーツをページに追加します。

  1. まず、ページを作成するか、既存のページを開いて編集します。

  2. リボンの [挿入] タブをクリックし、[ web パーツ] グループで [ web パーツ] をクリックします。

  3. [カテゴリ] セクションで、[ビジネスデータ] をクリックします。

  4. [ Web パーツ] セクションで、[グラフ web パーツ] をクリックし、[追加] をクリックします。

  5. 「フェーズ 2: データソースに接続してグラフ Web パーツを構成する」に進みます。

ページの先頭へ

フェーズ 2: データソースに接続し、グラフ Web パーツを構成する

このフェーズでは、データソース接続を選択し、グラフ Web パーツを構成します。

注:  作業を始める前に、グラフ Web パーツが含まれているページが編集モードになっていることを確認します。

  1. 編集するグラフ Web パーツを探し、[データ & 表示形式のハイパーテキスト] をクリックします。

  2. [データ接続 & グラフの表示ウィザード] ページで [グラフをデータに接続] をクリックして、データ接続ウィザードを開きます。

  3. [データソースの選択] ページで、データソースの種類を選択し、[次へ] をクリックします。 次の表で説明されているオプションから選ぶことができます。

オプション

説明

他の Web パーツに接続する

データを送信できる別の Web パーツにグラフ Web パーツを接続するには、このオプションを使用します。 このような Web パーツの例には、ドキュメントライブラリまたは連絡先リストが含まれます。

注:  使用する Web パーツが、既にグラフ Web パーツと同じページにあることを確認します。

リストに接続する

このオプションを使用すると、同じサイトコレクション内にあるリストにグラフ Web パーツを接続できます。

ビジネスデータカタログに接続する

グラフ Web パーツを Business Connectivity Services (BCS) コンポーネントに接続するには、このオプションを使用します。 BCS は、基幹業務アプリケーションなどの外部データとの統合を可能にします。 BCS は、Microsoft Office SharePoint Server 2007 で配信されたビジネスデータカタログテクノロジの上に構築されます。 BCS の詳細については、「 Business Connectivity Services の計画」を参照してください。

Excel Services への接続

このオプションを使用して、Excel Services に発行されている Excel ブックにグラフ Web パーツを接続します。

  1. [データソースに接続する] ページで、使用するデータソースを選び、[次へ] をクリックします。

  2. [データの取得とフィルター処理] ページで、グラフ Web パーツに使用されるデータをプレビューします。

  3. 必要に応じてパラメーターを構成してデータのサブセットを表示するには、次の手順を実行します。

    1. [フィルター]の横にあるプラス記号 (+) をクリックして、[フィルターパラメーターの定義] セクションを展開します。

    2. [パラメーター名] ボックスの一覧を使用して、データセット内の列などの項目を選びます。

    3. [種類] ボックスの一覧を使用して、適切な演算子の種類を選択します。

    4. [既定値] ボックスを使用して、フィルターに使用する抽出条件を指定します。

    5. [データのプレビュー ] をクリックして、フィルター処理されたデータを表示します。

    6. グラフに使用する追加のパラメーターごとに、手順1-6 を繰り返します。

  4. データのプレビューとフィルター処理が完了したら、[次へ] をクリックします。

  5. 必要に応じて、データの表示方法を指定するには、[グラフをデータにバインド] ページを使用します。 これを行うには、 Y フィールドに1つの列を指定し、 X フィールドには別の列を指定します。

  6. [完了] をクリックすると、グラフがそのページに表示されます。

ページの先頭へ

フェーズ 3: グラフ Web パーツの外観を変更する

グラフ Web パーツを作成したら、グラフの表示方法を変更できます。 たとえば、グラフの種類を選んで、テーマ、グラフのタイトルと凡例、軸やグリッド線などの表示設定を指定できます。

注:  作業を始める前に、グラフ Web パーツが含まれているページが編集モードになっていることを確認します。

  1. 編集するグラフ Web パーツを探し、[データ & 表示形式のハイパーテキスト] をクリックします。

  2. [データ接続 & グラフの外観ウィザード] ページで、[グラフのカスタマイズ] をクリックして、グラフのカスタマイズウィザードを開きます。

  3. [グラフの種類の選択] ページで、次の手順を使用してグラフの種類を選択します。

    1. [グラフの種類カテゴリ] セクションで、グラフのカテゴリをクリックします。

    2. [グラフテンプレート] セクションで、グラフテンプレートをクリックします。

    3. [次へ] をクリックします。

  4. [グラフの表示プロパティ] ページで、次の手順を使用してテーマを選択します。

    1. [外観テーマ] セクションで、[テーマ] リストを使用して、グラフのテーマを選択します。

    2. [描画スタイル] の一覧が使用可能な場合は、グラフ内の項目の表示方法を指定するために使用します。 たとえば、円グラフの種類を選んだ場合は、[描画スタイル] の一覧を使用して、"円" の外縁の表示方法を指定することができます。

    3. [透明度] リストを使用して、グラフの色の不透明度を指定します。 たとえば、[ 0%-塗りつぶし (単色)] を選択して、グラフをリッチカラーで表示し、 100%-非表示にすると、グラフが透明として表示されます (色は一切表示されません)。

  5. グラフに使用する幅、高さ、および画像の書式を必要に応じて指定するには、[サイズと書式] セクションを使用します。

  6. グラフの表示プロパティを構成したら、[次へ] をクリックします。

  7. グラフタイトル、凡例、軸とグリッド線、データラベルなどの設定をオプションで指定するには、[グラフ要素のプロパティ] ページを使用します。
    1つまたは複数のグラフ要素のプロパティを構成するには、タブを選択し、次の手順を実行します (該当する場合)。

    タイトルと凡例

セクション

手順

  1. [グラフタイトルを表示する] チェックボックスをオンにします。

  2. [タイトル] ボックスに、グラフの名前を入力します。

  3. フォントの種類、サイズ、およびグラフタイトルのスタイルを指定するには、フォントの一覧を使用します。

  4. [色] リストを使用して、グラフタイトルテキストの色を選択します。

  5. [位置] セクションで、グラフタイトルを表示する場所をクリックして指定します。

  6. 次のいずれかの操作を行います。

    1. [凡例] セクションに進みます。

    2. [軸] タブや [グリッド線] タブなど、別のタブをクリックします。

    3. [完了] をクリックすると、グラフがそのページに表示されます。

凡例

  1. [凡例を表示する] チェックボックスをオンにします。

  2. [凡例のフォント] リストを使用して、グラフの凡例のフォントの種類、サイズ、スタイルを指定します。

  3. [タイトル] ボックスに、グラフの凡例の名前を入力します。

  4. [タイトルのフォント] リストを使用して、グラフの凡例のタイトルのフォントの種類、サイズ、スタイルを指定します。

  5. [色] リストを使用して、グラフの凡例のタイトルテキストの色を選択します。

  6. グラフの凡例を必要に応じてグラフに重ねて表示するには、[グラフエリアに固定] チェックボックスをオンにします。

  7. [スタイル] リストを使用して、グラフの凡例を表、列、または項目の行として表示するかどうかを指定します。

  8. [位置] セクションで、グラフの凡例を表示する位置をクリックします。

  9. 次のいずれかの操作を行います。

    1. [軸] タブや [グリッド線] タブなど、別のタブをクリックします。

    2. [完了] をクリックすると、グラフがそのページに表示されます。

軸と目盛線

セクション

手順

X 軸
o r
Y 軸

注:  グラフに使用されているグラフの種類によっては、軸またはその目盛線の書式を設定できない場合があります。 たとえば、グラフが円グラフとして表示されている場合、[軸と目盛線] タブではオプションは利用できません。 一方、グラフが横棒グラフとして表示されている場合は、[軸と目盛線] タブで多くのオプションを使用できます。

  1. [ X 軸(またはY 軸)] セクションで、[軸の表示] リストを使って軸の表示と非表示を切り替えます。

    • [自動] または [ True ] を選択して軸を表示します。

    • [いいえ] を選択して軸を非表示にします。

  2. 軸のタイトルを表示するには、次の手順を実行します。

    1. [軸ラベルを表示する] チェックボックスをオンにします。

    2. [タイトル] ボックスに、軸の名前を入力します。

    3. [タイトルのフォント] リストを使用して、軸の名前のフォントの種類、サイズ、スタイルを指定します。

    4. 軸の名前を表示する場所を指定するには、[配置] リストを使用します。

  3. 軸に項目の名前を表示するには、次の手順を実行します。

    1. [軸ラベルを表示する] チェックボックスをオンにします。

    2. フォントの種類、サイズ、および軸ラベルのスタイルを指定するには、[フォント] リストを使用します。

    3. [色] リストを使用して、軸ラベルの色を選択します。

    4. 軸ラベルの表示方法を変更するには、[書式] ボックスの一覧を使用します。 たとえば、軸で日付を使用する場合は、特定の日付形式を選ぶことができます。

    5. [元に戻す] チェックボックスをオンにすると、グラフの一番上 (グラフの下部ではなく) に軸ラベルが表示されます。

    6. [インターレース] チェックボックスをオンにして、グラフの網かけの背景行を表示します。 これは、グラフが大きい場合や、多くのバーや列が含まれている場合に便利です。

  4. 軸の目盛を調整するには、次の軸の設定オプションの1つ以上を指定します。

    • 値の範囲にゼロ (0) を含めるには、[ゼロから開始] チェックボックスをオンにします。

    • [対数目盛] チェックボックスをオンにして、軸の目盛を変更して、実際の値ではなく対数の値を使用します。 これは、グラフが大きな値の範囲をカバーしている場合や、均等に増加する値 (1、2、3など) ではなく、連続して増加する数値 (1、10、100など) である場合に便利です。

    • グラフの最初の項目と最後の項目の一方に空白を含めるには、[左右の余白] チェックボックスをオンにします。 たとえば、グラフに縦棒が表示されている場合は、[左右の余白] チェックボックスをオンにすると、グラフの端と、最初と最後のバーの端の間の間隔が表示されるように構成することができます。

    • [最小値] ボックスを使用して、軸の最小値を指定します。

    • [最大値] ボックスを使用して、軸の最大値を指定します。

  5. グラフにグリッド線を表示するには、次の手順を実行します。

    1. [目盛線を表示する] チェックボックスをオンにします。 グラフでは、目盛線は灰色の線で表示され、近似グラフの値を見やすくするのに役立ちます。

    2. 大きなグリッド線の [間隔] ボックスに、目盛線に使用する間隔に対応する数値を入力します。 たとえば、グラフに100の単位でデータが表示されている場合は、間隔として「100」と入力して、大きなグリッド線を表示することができます。

    3. グラフに目盛を表示するかどうかを指定するには、[目盛] の一覧を使用します。 目盛は軸に沿って表示され、近似グラフの値が見やすくなります。

    4. 必要に応じて、別のグリッド線をグラフに追加するには、[補助グリッド線を表示する] チェックボックスをオンにします。 通常、補助グリッド線は、大きなグリッド線よりも小さい間隔を使用します。

    5. 補助グリッド線の [間隔] ボックスに、補助目盛線に使用する間隔に対応する数値を入力します。

    6. グラフに目盛を表示するかどうかを指定するには、[目盛] の一覧を使用します。 目盛は軸に沿って表示され、近似グラフの値が見やすくなります。

  6. 次のいずれかの操作を行います。

    1. 第2の X 軸または第2の Y 軸セクションに進みます。

    2. [データラベルとマーカー ] タブなど、別のタブをクリックします。

    3. [完了] をクリックすると、グラフがそのページに表示されます。

第2の X 軸
または
第2の Y 軸

通常、第2の X 軸はグラフの上に表示されますが、第2の Y 軸は通常、グラフの右側に表示されます。

注:  グラフに使用されているグラフの種類によっては、第2軸またはグリッド線を表示できる場合とできない場合があります。

  1. 第 2軸 (また第 2軸) セクションで、[軸の表示] リストを使って第2軸を表示または非表示にします。

    • [自動] または [ True ] を選択して軸を表示します。

    • [いいえ] を選択して軸を非表示にします。

  2. 第2軸のタイトルを表示するには、次の手順を実行します。

    1. [軸ラベルを表示する] チェックボックスをオンにします。

    2. [タイトル] ボックスに、軸の名前を入力します。

    3. [タイトルのフォント] リストを使用して、軸の名前のフォントの種類、サイズ、スタイルを指定します。

    4. 軸の名前を表示する場所を指定するには、[配置] リストを使用します。

  3. 第2軸に項目の名前を表示するには、次の手順を実行します。

    1. [軸ラベルを表示する] チェックボックスをオンにします。

    2. フォントの種類、サイズ、および軸ラベルのスタイルを指定するには、[フォント] リストを使用します。

    3. [色] リストを使用して、軸ラベルの色を選択します。

    4. 軸ラベルの表示方法を変更するには、[書式] ボックスの一覧を使用します。 たとえば、軸で日付を使用する場合は、特定の日付形式を選ぶことができます。

    5. [元に戻す] チェックボックスをオンにすると、グラフの一番上 (グラフの下部ではなく) に軸ラベルが表示されます。

    6. [インターレース] チェックボックスをオンにして、グラフの網かけの背景行を表示します。 これは、グラフが大きい場合や、多くのバーや列が含まれている場合に便利です。

  4. 第2軸の目盛を調整するには、次の軸の設定オプションの1つ以上を指定します。

    • 値の範囲にゼロ (0) を含めるには、[ゼロから開始] チェックボックスをオンにします。

    • [対数目盛] チェックボックスをオンにして、軸の目盛を変更して、実際の値ではなく対数の値を使用します。 これは、グラフが大きな値の範囲をカバーしている場合や、均等に増加する値 (1、2、3など) ではなく、連続して増加する数値 (1、10、100など) である場合に便利です。

    • グラフの最初の項目と最後の項目の一方に空白を含めるには、[左右の余白] チェックボックスをオンにします。 たとえば、グラフに縦棒が表示されている場合は、[左右の余白] チェックボックスをオンにすると、グラフの端と、最初と最後のバーの端の間の間隔が表示されるように構成することができます。

    • [最小値] ボックスを使用して、軸の最小値を指定します。

    • [最大値] ボックスを使用して、軸の最大値を指定します。

  5. グラフにグリッド線を表示するには、次の手順を実行します。

    1. [目盛線を表示する] チェックボックスをオンにします。 グラフでは、目盛線は灰色の線で表示され、近似グラフの値を見やすくするのに役立ちます。

    2. 大きなグリッド線の [間隔] ボックスに、目盛線に使用する間隔に対応する数値を入力します。 たとえば、グラフに100の単位でデータが表示されている場合は、間隔として「100」と入力して、大きなグリッド線を表示することができます。

    3. グラフに目盛を表示するかどうかを指定するには、[目盛] の一覧を使用します。 目盛は軸に沿って表示され、近似グラフの値が見やすくなります。

    4. 必要に応じて、別のグリッド線をグラフに追加するには、[補助グリッド線を表示する] チェックボックスをオンにします。 通常、補助グリッド線は、大きなグリッド線よりも小さい間隔を使用します。

    5. 補助グリッド線の [間隔] ボックスに、補助目盛線に使用する間隔に対応する数値を入力します。

    6. グラフに目盛を表示するかどうかを指定するには、[目盛] の一覧を使用します。 目盛は軸に沿って表示され、近似グラフの値が見やすくなります。

  6. 次のいずれかの操作を行います。

    1. [データラベルとマーカー ] タブなど、別のタブをクリックします。

    2. [完了] をクリックすると、グラフがそのページに表示されます。

データラベルとマーカー

セクション

手順

ラベル

  1. [ラベルの表示] チェックボックスをオンにして、グラフに値などのラベルを表示します。

  2. [ラベルの値] リストを使用して、表示するラベルの種類を選択します。 たとえば、グラフに使用されているデータソース内の値を表示するには、[既定値の表示] を選択します。

  3. フォントの種類、サイズ、およびデータラベルのスタイルを指定するには、[フォント] リストを使用します。

  4. [色] リストを使用して、データラベルの色を選択します。

  5. データラベルの表示方法を変更するには、[書式] ボックスの一覧を使用します。 たとえば、グラフで日付を使用する場合は、特定の日付形式を選ぶことができます。

  6. グラフの角度にデータラベルを表示するには、[ラベルの角度] ボックスに数値を入力します。 入力する数値は、データラベルを表示するときの、右回りの角度に対応しています。 たとえば、小さな角度でデータラベルを表示するには、[ラベルの角度] ボックスに「10」と入力します。

  7. [ラベルの配置] ボックスの一覧を使用して、グラフ内のデータラベルを表示する場所を指定します。 たとえば、実績グラフの値の外側にデータラベルを表示するには、[ラベルの配置] ボックスの一覧の [外側] を選択します。

  8. 次のいずれかの操作を行います。

    1. [データマーカー ] セクションに進みます。

    2. [ハイパーリンクとヒント] タブなど、別のタブをクリックします。

    3. [完了] をクリックすると、グラフがそのページに表示されます。

データマーカー

  1. [マーカーの表示] チェックボックスをオンにして、グラフ内のデータ要素を強調表示します。

  2. [マーカーのスタイル] の一覧を使用して、使用するマーカーの種類を選びます。

  3. [マーカーのサイズ] ボックスに、使用するデータマーカーのサイズ (ピクセル単位) を指定する数値を入力します。

  4. 次のいずれかの操作を行います。

    1. [ハイパーリンクとヒント] タブなど、別のタブをクリックします。

    2. [完了] をクリックすると、グラフがそのページに表示されます。

ハイパーリンクとヒント

セクション

手順

ハイパーリンクと ヒント

グラフ Web パーツの3種類の項目にハイパーリンクとヒントを追加することができます。

  • グラフの系列 (棒グラフの棒に対応)

  • グラフの凡例

  • グラフ内のデータラベル

ハイパーリンクを使用すると、追加情報を含む他のサイトにグラフのユーザーを導くことができます。 ヒントを使用すると、グラフ内の追加情報としてコメントやメモを表示できます。

注:  グラフのユーザーには、特定のグラフ要素の上にマウスを置くと、ヒントとハイパーリンクのみが表示されます。 たとえば、系列のヒントを表示する、または横棒グラフでハイパーリンクをクリックするには、グラフの棒の上にマウスポインターを置く必要があります。

  1. [データ系列] リストを使って、ハイパーリンクまたはヒントを追加するデータ系列を選びます。

    注:  グラフにデータ系列が1つしか含まれていない場合、[データ系列] リストには既定値のみが表示されます。

  2. [系列のハイパーリンク] ボックスを使用して、web サイトやチームサイトなどのサイトへの web サイトアドレス (URL) を指定します。 グラフでは、ハイパーリンクは横棒グラフの横棒などの系列アイテムに関連付けられます。

  3. [系列のヒント] ボックスを使用して、メモなどの情報を入力します。たとえば、グラフのユーザーが系列の項目の上にマウスを置いたときに表示されます (横棒グラフの横棒など)。

  4. [凡例のハイパーリンク] ボックスを使用して、web サイトまたはチームサイトなどのサイトへの web サイトアドレス (URL) を指定します。 グラフでは、ハイパーリンクがグラフの凡例に追加されます。

  5. グラフの凡例にマウスを置いたときに表示される、メモなどの情報を入力するには、[凡例のヒント] ボックスを使用します。

  6. [ラベルのハイパーリンク] ボックスを使用して、web サイトやチームサイトなどのサイトへの web サイトアドレス (URL) を指定します。 グラフ内のデータラベルにハイパーリンクが添付されます。

  7. [ラベルのヒント] ボックスを使用して、グラフのデータラベルの上にマウスを置いたときに表示されるメモなどの情報を入力します。

  8. 次のいずれかの操作を行います。

    1. [タイトル] タブや [凡例] タブなど、別のタブをクリックします。

    2. [完了] をクリックすると、グラフがそのページに表示されます。

ページの先頭へ

ヘルプを表示

その他のオプションが必要ですか?

サブスクリプションの特典の参照、トレーニング コースの閲覧、デバイスのセキュリティ保護方法などについて説明します。

コミュニティは、質問をしたり質問の答えを得たり、フィードバックを提供したり、豊富な知識を持つ専門家の意見を聞いたりするのに役立ちます。

この情報は役に立ちましたか?

言語の品質にどの程度満足していますか?
どのような要因がお客様の操作性に影響しましたか?
[送信] を押すと、Microsoft の製品とサービスの改善にフィードバックが使用されます。 IT 管理者はこのデータを収集できます。 プライバシーに関する声明。

フィードバックをいただき、ありがとうございます。

×