asp.net - ASP.NET で折れ線グラフを描画する方法

Question

ASP.NET で折れ線グラフを描画しようとしています。Excel ファイルからいくつかのデータをインポートし、それらをブラウズ上の折れ線グラフに表示したいと考えています。

これまでのところ、データをインポートしてグリッドに表示する方法を理解しました。次のステップに進み、そのデータを使用して折れ線グラフを描きたいと思います。

ASP.NET (C# のみ) で折れ線グラフを描画する方法に関するいくつかのガイドを正しい方向に向けてください。

Answer 1

.NET チャート コントロールを使用する

良い入門記事: ASP.NET アプリケーションで Microsoft のチャート コントロールを使用する: 入門 - 4GuysFromRolla.com

または、JavaScript ソリューションの場合は、gRaphaël—Charting JavaScript Library を使用します

Answer 2

単純な折れ線グラフだけを求めている場合は、サードパーティのライブラリにジャンプするのではなく、データに基づいて画像の長さを簡単に操作できます。

私が数回行ったことは、データを取得してパーセンテージに変換し、画像の高さ (または幅) をそのパーセンテージにすることです。

例えば、

あなたのデータがあるとしましょう。1 日あたりの注文数。データは次のようになります。

月曜日 = 20 火曜日 = 15 水曜日 = 50 木曜日 = 30 金曜日 = 10 土曜日 = 80 日曜日 = 3

毎日のパーセンテージを計算するのは簡単です。あなたは次のようなことをします：

総売上 = 203. 式 [DaySales]/[TotalSales] * 100 により、その日のパーセントが得られます。

月曜日 = 9.85% 火曜日 = 7.21% 水曜日 = 24.03% 木曜日 = 14.42% 金曜日 = 4.80% 土曜日 = 38.46% 日曜日 = 1.44%

画像の高さ/幅を適切な日のパーセンテージに設定するだけで、正確な (ピクセル内の) 線を含む素敵な小さな棒グラフを作成できます。

Answer 3

Graphics Classについて読んでください。これにより、画像を生成できます。これらを<img>要素に表示することは、別の課題です。