管道图控制

Question

我正在寻找一个能够显示如下数据的图表控件：

但它不能是强制用户安装插件的Silverlight，Flash或其他技术。

最好是控件可以使用HTML5，JavaScript，C＃

Answer 1

对我而言，它看起来像一个包含数据的简单表。您可以随后使用System.Drawing使用C＃动态渲染第1列和第2列上的图像。使用图表控件绘制2个简单图像听起来像是一种过度杀伤，而使用C＃，您可以轻松地执行您需要的操作，并使用没有插件的Web标准将其呈现给客户端。

要叠加2张图像并在其上写下一些文字：

string graphPath = Server.MapPath("graph.png");
string iconPath = Server.MapPath("icon.png");

// Prepare the template image
System.Drawing.Image template = Bitmap.FromFile(graphPath);
Graphics gfx = Graphics.FromImage(template);

// Draw an icon on it on x=70, y=70 
Bitmap icon = new Bitmap(iconPath);
gfx.DrawImage(icon, new Point(70, 70));

// Draw a string on it on x=150, y=150
Font font = new Font("Arial", 12.0f);
gfx.DrawString("11/14/2009", font, Brushes.Black, new Point(150, 150));

// Output the resulting image
Response.ContentType = "image/png";
template.Save(Response.OutputStream, ImageFormat.Png);

看，你的编码很少，你不会按照图表控制规定的规则放弃自己。