当前位置：文江博客话题详情

管线图控制

发布于 2024-12-05 20:19:47 字数 181 浏览 0 评论 0原文

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

在此处输入图像描述

但它一定不是Silverlight、Flash 或其他技术强制用户安装插件。

控件最好可以使用 HTML5、JavaScript、C#

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

平安喜乐 2024-12-12 20:19:47

对我来说，它看起来就像一个带有数据的简单表格。稍后您始终可以使用 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);

看，您最终只需要编写很少的代码，并且您不会屈服于图表控件规定的规则。

For me it looks like a simple table with data. You can always later on dynamically render the images on the column 1 and 2 with C# using System.Drawing. Using a charting control for drawing 2 simple images sounds like an overkill while with C# you can easily do what you need and present it to client using the web standards with no plugins.

To overlay 2 images and write some text on it:

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);

See, you end up coding very little and you don't surrender yourself playing by the rules dictated by a charting control.

回复收藏 0 原文

~没有更多了~