将文本文件数据放入网页中进行绘图

本文关键字:绘图 网页 文本 文件 数据 | 更新日期: 2023-09-27 18:29:29

我是web开发的新手,我有一个使用C#创建的文本文件,用于从网站收集一些数据。现在我想用这些数据来制作图表或以某种方式在网站上显示信息。有可能在javascript中使用I/O吗?或者我在这里的最佳选择是什么?提前谢谢。

将文本文件数据放入网页中进行绘图

您有几个选项可供选择:

  1. 使用服务器端技术(如ASP.Net、Node.js等)将文件内容加载、解析并显示为HTML
  2. 将文件放在web服务器上,并使用AJAX加载和解析它。正如@Quantastical在评论中建议的那样,将文件转换为JSON形式,以便在Javascript中更容易处理
  3. 让原始程序以HTML格式而不是文本格式保存文件,并提供该页面。你可以按原样提供txt文件,但用户体验会很糟糕

可能选项1最有意义,最推荐使用1+2的组合来实现一些动态行为。

如果您在C#和ASP中工作,那么一个选项是在不需要javascript的情况下从服务器渲染html。

在C#中,System.IO命名空间提供对File对象的访问权限。

String thetext = File.ReadAllText(fileName);

String[] thetextLines = File.ReadAllLines(fileName);

如果文件中有JSONXml,则还可以读取并反序列化为对象,以便于使用。

当你有了文本,你就可以用数据创建ASP/HTML元素。一个粗略的例子是:

HtmlGenericControl label = new HtmlGenericControl("div");
label.InnerHTML = theText;
Page.Controls.Add(label);

如果需要的话,还有HTMLEncodeHTMLDecode方法。

当然,这是一个非常粗糙的例子,在服务器上加载文本,然后将Html添加到Asp页面。您的问题没有说明您希望在哪里进行此处理。Javascript可能更好,或者是C#和Javascript的组合。

最后,要从虚拟路径解析物理文件路径,可以使用HttpContext.Current.Server.MapPath(virtualPath)。使用上述File方法需要物理路径。