2011-06-09 48 views
2

我有一个问题。我必须为PHP和MySQL中的应用程序准备好报告模块。报告应采用两种形式:图形和包含文字的普通表格。表格和文字很简单,但图表是我不知道如何开始的。我在想HTML5(画布)和Javascript,但老实说我不知道​​这是不是一个好主意。使用HTML5的报告?

我不知道HTML5是否以相同的方式在所有浏览器上呈现。前一段时间,这是一个问题,我没有时间自行调查。关于不同浏览器(包括移动浏览器)的新元素(画布,文章,页脚等)的好的提示会很好。

也许有人有类似的问题,可以给如何开始小费?

+0

Raport是一个特殊的模块,我不知道或只是* r ** e ** port *拼写错误? – colinross 2011-06-09 20:51:19

+0

拼写错误。对不起。 – 2011-06-09 21:39:58

回答

2

您可能会考虑的一件事是使用wkhtmltopdf使用一致的Webkit渲染引擎来生成您想要的任何HTML5的PDF。我设置它是这样的:

  • 用户点击一个链接,说“生成”
  • 这会将其运行报告的脚本(生成的数据等),并输出需要的HTML临时文件
  • 使用临时HTML文件作为输入和输出到一个临时的PDF
  • 阅读PDF到PHP
  • 调用wkhtmltopdf,设置的标头,并输出PDF浏览器

这应该创造一个相当无缝经验并且不应该花费几秒钟的时间来运行,并且由于它是Webkit,您可以使用任何想要制作图表的Javascript库(我喜欢flot)。

0

取决于您的目标用户组。如果你不想达到最大的浏览器数量,你应该选择基于闪存的图形解决方案。不过,iPad和iPhone不支持Flash。

如果您想要支持iPhone/iPad并且仍然有交互式图形,请使用Canvas - 但我不相信它支持Internet Explorer。

+0

IE9支持'',并有[插件存在](http://code.google.com/p/explorercanvas/)在早期版本中支持它。 – 2011-06-10 02:25:21

+0

哦,没想到它支持它 - 猜我有错误的来源:) – 2011-06-10 08:23:15

3

有很多的自由JavaScript工具,例如:

jqplot

Google charts

谷歌图表的画布,画布功能的浏览器和闪光灯等其他浏览器(如IE)。

+0

我也是这样。使用Google vizualization(您可以将排序表与图表等混合在一起,这很容易,看起来不错)。查看Google APi游乐场:http://code.google.com/apis/ajax/playground/和这里:http://code.google.com/apis/chart/interactive/docs/examples.html此外,还有jQuery的图表插件,但我还没有使用它们:http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/ – 2011-06-09 21:20:33