ロードマップ: データ接続された Visio 図面を SharePoint Web パーツで表示する

詳細な情報をすばやく多くの人に見せる必要がある場合は、Visio 図面を、視覚的なレポートが作成できる SharePoint Web パーツとして作成します。 Visio 2010 では、Excel Services、SQL Server、SharePoint リストやその他の OLEDB または ODBC データベースなどの外部ソースからのデータを抽出できます。 抽出後、データ グラフィックを図面の図形に適用して、外部データを視覚化し、図面を SharePoint サイトに発行し、Visio Web Access Web パーツを使用して図面を SharePoint サイトに表示できます。

これは、高度なビジネス インテリジェンス ソリューションのカスタム ダッシュボードの作成に最適です。 意思決定者は、ビジネス パフォーマンスを視覚的に表示してひとめで確認し、この情報をすばやく利用できます。 ビジネス インテリジェンスで SharePoint を使用する方法の詳細については、「SharePoint Business Intelligence とは」の記事を参照してください。

わかりやすいガイドのダウンロード

お使いのブラウザーではビデオがサポートされていません。 Microsoft Silverlight、Adobe Flash Player、Internet Explorer 9 のいずれかをインストールしてください。

この記事の内容

要件

テンプレートをダウンロードする

手順 1: データを Visio 図面にインポートする

手順 2: 図形にデータ グラフィックを適用する

手順 3. SharePoint Web パーツに図面を表示する

オプション: Visio Web Access Web パーツに対話機能を追加する

要件

Visio Web Access Web パーツは Visio Services の機能です。Visio Services は Microsoft SharePoint Server 2010 に含まれています。 Visio Services を使用するには、Microsoft SharePoint Server 2010 Enterprise クライアント アクセス ライセンス (ECAL) および Visio Services が展開され、使用できるようにプロビジョニングされている必要があります。

さらに、SharePoint サイトに図面を保存するための Microsoft Visio Professional 2010 または Microsoft Visio Premium 2010 が必要です。

Visio Services を SharePoint サイトで有効にするために必要な作業の詳細については、「Visio Graphics Service の管理」を参照してください。

ページの先頭へ

テンプレートをダウンロードする

上記で説明したビデオおよびわかりやすいガイドを備えたテンプレートをダウンロードして使用できます。 テンプレートには、例で使用するサンプル データとデータ グラフィックが含まれています。

サンプル図面とデータをダウンロードする

ページの先頭へ

手順 1: データを Visio 図面にインポートする

  1. Visio で、[データ] タブの [外部データ] で [図形にデータをリンク] をクリックします。

データ選択ウィザードの最初のページで、使用するデータ ソースを選択します。

重要:  アクセス サービスは、Visio Services Web 図面ではデータ ソースとして使用できません。 PivotDiagrams などの一部の図面は、SharePoint サイトに発行されると更新できなくなります。 最適な結果を得るためには、データ ソースを Visio Services Web パーツと同じ SharePoint サイトに保存してください。

  1. データ選択ウィザードの指示に従って操作します。

  2. データ選択ウィザードの最後のページで [終了] をクリックすると、[外部データ] ウィンドウのテーブルにインポートされたデータが表示されます。

  3. 外部ソースからのデータを図面の図形に適用するには、[外部データ] ウィンドウから図形へ、行をドラッグします。

外部データ ソースのデータを Visio にインポートする方法の詳細については、「Excel、SQL Server、SharePoint、および他の外部ソースからデータをインポートする」を参照してください。

ページの先頭へ

手順 2: 図形にデータ グラフィックを適用する

新しいデータ グラフィックを作成するには、次の操作を行います。

  1. Visio で、[データ] タブの [データの表示] グループで、[データ グラフィック] をクリックして [新しいデータ グラフィックの作成] をクリックします。

  2. [新しいアイテム] ダイアログ ボックスで、次の操作を行います。

    1. [表示] の [データ フィールド] ボックスの一覧で、視覚的に表示したい [図形データ] フィールドをクリックします。

    2. また、[表示] の [表示形式] ボックスの一覧で、データ フィールドの表示に最適なグラフィック ([テキスト]、[データ バー]、[アイコン セット]、または [値によって色分け]) を選択します。

    3. 次に [表示] の [スタイル] ボックスの一覧で、目的のグラフィックのスタイルを選択します (グラフィックの種類で [値によって色分け] を選択した場合は、[色分けの方法] ボックスの一覧が表示されます)。

    4. [詳細] で、グラフィックをカスタマイズします。

    5. グラフィック アイテムの編集が完了したら、[OK] をクリックします。

  3. 上記の手順を繰り返して、表示する各図形データ フィールドのアイテムを作成します。

データ グラフィックを図面の図形に適用するには、次の操作を行います。

  1. 図面ページで、データ グラフィックに適用する図形を選択します。

注:  複数の図形を図面ページで選択するには、Ctrl キーを押したまま、データ グラフィックに適用する図形をそれぞれ選択します。

  1. [データ] タブの [データの表示] グループで [データ グラフィック] をクリックし、[利用可能なデータ グラフィック] で、目的のデータ グラフィックをクリックします。

データ グラフィックを作成し適用する方法の詳細については、「図形にデータ グラフィックを適用する」を参照してください。

ページの先頭へ

手順 3. SharePoint Web パーツに図面を表示する

  1. Web パーツを追加する SharePoint サイト ページの [ページ] タブの [編集] グループで、[編集] をクリックします。

  2. [編集ツール] の [挿入] タブの [Web パーツ] グループで、[Web パーツ] をクリックして次の操作を行います。

    1. [カテゴリ] の [ビジネス データ] をクリックします。

    2. [Web パーツ] の [Visio Web Access] をクリックします。

    3. [追加] をクリックします。

  3. [Visio Web Access] Web パーツで、リンクをクリックしてツール ウィンドウを開きます。

  4. ツール ウィンドウで、[Web 図面の表示] を展開し、[Web 図面の URL] ボックスで表示する Visio Web 図面を参照します。

重要:  Visio Web Access を使用して Web パーツで図面を表示する前に、Visio ファイルを Web 図面として SharePoint サイトに発行する必要があります。 Visio Web 図面を SharePoint サイトに発行する方法の詳細については、「ロードマップ: Visio 図面を SharePoint サイトに発行する」を参照してください。

  1. ツール ウィンドウの下部の [適用] をクリックして [OK] をクリックします。

Visio Web 図面を Web パーツで表示する方法の詳細については、「Web パーツで Visio Web 図面を表示する」を参照してください。

ページの先頭へ

オプション: Visio Web Access Web パーツに対話機能を追加する

ECMAScript を記述できる場合は、Visio Web Access Web パーツをカスタマイズして、Visio 図面の図形の追加情報を表示するためのオーバーレイ表示を含めることができます。

Web パーツ ページの Visio 図面で対話機能要素をプログラムする方法の詳細については、「MSDN: Visio 2010 で ECMAScript マッシュアップ図面を作成して SharePoint Server 2010 で表示する」を参照してください。

スキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

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

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×