Tweet

連載：〜ScottGu氏のブログより〜 新しいASP.NETのチャート・コントロール：<asp:chart runat="server"/> Scott Guthrie 著／Chica 訳 2008/12/02

　Microsoftは素晴らしくて新しいASP.NET用のサーバ・コントロール − <asp:chart /> − を先日リリースしました。これは無償で、ASP.NET 3.5上で使用でき、ブラウザでリッチなチャートを利用可能にします。

• 無償のMicrosoft Chart Controlsをダウンロード
• Chart Controls用のVisual Studio 2008 Tool Supportをダウンロード
• Microsoft Chart Controlsサンプルをダウンロード
• Microsoft Chart Controlsのドキュメントをダウンロード
• Microsoft Chart Controlフォーラムへ

　インストールすると、<asp:chart />コントロールはツールボックスの“データ”タブの下に表示され、標準のサーバ・コントロールとして、すべてのASP.NETページ上で簡単に宣言できます（図1）。

図1

　<asp:chart />はリッチなチャート − 円グラフ、エリア・グラフ、範囲グラフ、点グラフ、円状グラフ、積層型グラフ、データ分布図、AJAX対応グラフ、ドーナツ・グラフなど − を各種サポートしています。コントロールの宣言内で静的にチャートのデータを宣言することも、動的にそれをデータバインドしてひも付けることもできます。実行時には、サーバ・コントロールは画像を生成し（例えば.PNGファイルなど）、それは、<asp:chart />コントロールから出力される<img/>要素を使用して、クライアントのHTMLページから参照されます。サーバ・コントロールはチャート画像をキャッシュするか、またはそれを永続的にディスクに保存する機能をサポートしています。ほかのサーバ・ソフトウェアをインストールする必要はなく、標準のASP.NETで動作します。

　<asp:chart />の使用方法を理解するために、Microsoft Chart Controls サンプル・プロジェクトのダウンロードをお勧めします。これにはローカルで実行可能な200を超えるASP.NETのサンプル・ページが含まれています。実際の動きを確認するにはVS 2008でWebプロジェクトを開いて起動するだけです。そして、それぞれの.aspxソースを開けば実装方法が確認できます。

　以下の例（Chart Types→Line Charts→3D Line and Curve Chartsの配下）では、線、スプライン、ステップラインのチャートが実行された様子を示しています（図2）。

図2

　以下の例（Chart Types→Pie and Doughnut Chartsの配下）では、円グラフと3Dドーナツ・グラフのオプションの種類を示しています（図3）。

図3

　以下の例（Chart Types→Advanced Financial Chartsの配下）では、いくつかのグラフやチャートの例を示しています（図4）。

図4

　上記のサンプルに加え、より詳細を確認するためには、Microsoft Chart Control ドキュメントをダウンロードしていただくか、またはChart Controls フォーラムでご質問していただくことも可能です。

　標準のASP.NETツールキットに便利（かつ無償）な機能が追加されましたので、さらにリッチな表現やデータのワークフロー・シナリオをASP.NETアプリケーションに簡単に追加できるようになるはずです。

　Hope this helps,

　Scott

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

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