如何在ASP.NET中绘制折线图

Question

我正在尝试在ASP.NET中绘制折线图。我想从Excel文件中导入一些数据，并将其显示在浏览器上的折线图中。

到目前为止，我已经找出了如何导入数据并将其显示在网格中的方法。现在我想通过这些数据来绘制一个折线图。

请指引我去一些关于如何在ASP.NET（仅限C＃）中绘制折线图的指南。

- Bagzli

Answer 1

使用.NET图表控件

一个很好的入门文章：在ASP.NET应用程序中使用Microsoft的图表控件：入门指南 - 4GuysFromRolla.com

或者使用JavaScript解决方案，可以使用gRaphaël—Charting JavaScript Library

- MikeM

---

哎呀，快了几秒钟，被忍者抢先回答了相同的问题。 :p - neminem

谢谢提供这些信息，看起来非常有帮助。我相信这就是我在寻找的东西。 - Bagzli

Answer 2

如果你只需要一个简单的折线图，那么不必使用第三方库，你可以根据数据简单地调整图像的长度。我已经做过几次的事情是将数据转化为百分比，然后使图像的高度（或宽度）等于该百分比。

例如，假设你有数据：每天的订单数。你的数据可能是这样的：

星期一=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%

只需将图像的高度/宽度设置为相应的日期百分比，然后你就有了一个精确（在一个像素内）的漂亮小柱状图。

- Darren Wainwright

Answer 3

阅读有关图形类的内容。它允许您生成图像。将这些显示在<img>元素中是另一个练习。

- Geeky Guy

---

我知道在HTML中，我可以创建一个画布，然后使用jQuery直接绘制线条，那么在ASP.NET中是否也可以类似地工作呢？你所提到的<img>标签，它是否与画布相同？ - Bagzli

不，你将使用System.Drawing.Graphics绘制位图，然后将其作为某些图像MIME类型的内容输出，以便您可以获得一个<img>元素，并使用src属性指向您的输出。 - Geeky Guy