使用csv中的数据在html中创建图形

时间:2012-08-01 06:35:53

标签: java javascript html graph

我需要在HTML文件中显示图形(饼图和XY图)。 我使用了一些免费工具创建了一个图像,我试图在HTML上显示它。

但是,我们需要将此图像放在共享文件夹或服务器中以便HTML访问。我们的客户对这两种方法都不满意。

有些人可以告诉我是否有任何方法可以将数据直接传递给html文件。数据将在csv文件中,并且可能包含数千行。

谢谢,

2 个答案:

答案 0 :(得分:3)

有一个Javascript框架可以呈现非常漂亮的图表:http://www.highcharts.com/

您可以使用众多CSV Javascript解析器之一:Javascript code to parse CSV data

如果您随后编写了一些javascript代码来提取CSV数据,并将其传递给highcharts,那么您将获得一个非常好的交互式图表。

如果您想使用现有图像,另一种方法是直接在html文件中将图像编码为base64:http://webcodertools.com/imagetobase64converter/

答案 1 :(得分:1)

作为替代方案,您还可以查看Dojo Toolkit(http://dojotoolkit.org/),它是一个Javascript工具包,其中包含一些非常好的功能,包括图表。