Tweet

連載：〜ScottGu氏のブログより〜 ビルトインのチャート・コントロール（VS 2010＆.NET 4シリーズ） Scott Guthrie 著／Chica 訳 2010/02/15

　これは、VS 2010および.NET 4リリースに向けたブログ投稿シリーズの第15弾です。本日の投稿では、.NET 4でASP.NETとWindowsフォームにビルトインされたチャート・コントロールのサポートをカバーします。

ASP.NETとWindowsフォームのチャート・コントロール

　14カ月と少し前に、MicrosoftがASP.NET 3.5とWindowsフォーム 3.5に対するチャート・コントロールの無償ダウンロードをできるようにしたことをブログに書きました。

　これらのランタイム・コントロールは、Webおよびクライアント・アプリケーションで、無償でダウンロードして利用できます。また、それらに対するVS 2008ツール・サポートもダウンロードできます。これらは簡単に利用できるチャート機能のリッチな一式を提供します。何ができるかを把握するために、ASP.NETとWindowsフォームのサンプル・プロジェクトをダウンロードすることをお勧めします。これは、200以上のサンプルを提供します。以下は、ASP.NETサンプル・アプリケーションから、いくつかの円グラフおよびドーナツ型グラフのスクリーンショットです。

図1

.NET 4にビルトインされたチャート・コントロール

　.NET 3.5では、別にチャート・コントロールをダウンロードして、アプリケーションへ追加しなければなりませんでした。.NET 4では、これらのコントロールはASP.NET 4とWindowsフォーム4にビルトインされているので、最初からすぐにそれらを活用できます（個別のダウンロードや登録は不要です）。

　ASP.NET 4のアプリケーションでは、ツールボックスの“データ”タブに、新しくビルトインされた<asp:chart>コントロールがあります。

図2

　このコントロールは、何らかの構成ファイルのエントリを登録したり設定したりすることなく使用できます。チャート・コントロールの構成は、すべてASP.NET 4では事前に登録されています（つまり、動作させるためにアプリケーションのWeb.configファイルへ何も追加しなくてよいのです）。これにより、非常にクリーンで最小限のWeb.configファイルを保持できます。

<asp:chart> コントロールの詳細

　Scott Mitchell氏はwww.4guysfromrolla.comサイト上で、<asp:chart>コントロールの利用方法について、素晴らしい一連の記事を書いています。

1. 始めに−バージョンの必要事項から、チャート・コントロールのダウンロードやインストール、ASP.NETページで簡単なチャートを表示させるまで、チャート・コントロールを初めて利用するためのウォークスルーです。
2. チャート・データのプロット−データバインディングから、手動で1度に1つのポイントを追加するところまで、チャートにデータをプロットする方法を複数検証しています。
3. チャートの描画−チャート・コントロールはチャート・データを画像に描画するさまざまな方法を提供します。この記事では、それらのオプションを探求します。
4. チャート・データのソートとフィルタ−この記事は、表示前にプログラムによるチャートのデータをソートおよびフィルタする方法を示しています。
5. プログラムによるチャート画像の生成−チャートの画像ファイルをプログラムにより作成・修正する方法を習得。
6. ドリルダウン・レポートの作成−チャート・コントロールを使用したドリルダウン・レポートのビルド方法を確認。
7. 統計式の追加−平均、中央値、分散、予測などの統計式をチャートへ追加する方法を習得。
8. Ajaxでチャートを拡張−Ajaxを使用して、動的でインタラクティブなチャートに対するユーザー体験を改善。
9. チャート・データのシリアル化−チャートのデータおよび表示の保存方法を確認。

　彼の記事は、.NET 3.5と、個別にダウンロードしたASP.NETチャート・コントロールを使用して書かれていますが、概念と方法は、すべてそのままASP.NET 4でまったく同様に作用します。

　Michael Ceranski氏もASP.NET MVCアプリケーションでのASP.NETのチャート・コントロールの使用方法を紹介したブログ投稿を書いています。できれば誰かが早く、いくつかの素晴らしいASP.NET MVC用Html.Chartヘルパー・メソッドを作成してくれて、将来これがより簡単になればと思っています。

　Hope this helps,

　Scott

「〜ScottGu氏のブログより〜」

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード