如何在Web应用程序中创建图表？

Question

我知道这个问题可能非常基本，但我是初学者，所以我希望这是合理的。我试过搜索，但实际上找不到任何基本的主题。所以...如果我有一个网络应用程序，用户随着时间的推移生成某些数字，我想创建一个饼图和散布这些数据的图表我该怎么做？我想过制作一堆不同价值的不同图表的jpgs，但这很荒谬，所以我假设有一种更简单的方法可以做到这一点。这是真的吗？

Answer 1

您可以使用Google Charts：

Answer 2

如果您不想深入了解硬核javascript并自己创建所有视觉效果，jquery有一堆插件和扩展，可以帮助您更轻松地完成您想要的工作。看看这里 http://www.jqplot.com/

也许它可以让你开始朝着你想要的方向前进。

Answer 3

我建议使用Flot，这是一个jQuery插件。它非常易于使用，并且具有非常好的文档：http://code.google.com/p/flot/

Answer 4

基本上有3种方法：

• 经典（高度兼容）的方法是做你自己说的，并在服务器端生成这些图像。您可以在每次有人请求时动态生成这些图像，或者您可以以某种方式缓存它们 - 这取决于您。

• 现代方法是使用SVG和Canvas使用Javascript在客户端生成这些图像。请注意，某些较旧的浏览器（如IE6）将无法显示它们。

• 最后，您可以使用其他一些浏览器插件（如Flash，Java或Silverlight）来生成客户端图像。缺点是浏览器必须有适当的插件，移动设备通常处于劣势。

另外，正如其他人所指出的那样，有很多框架可以让你不必烦恼。我不会感到惊讶（但我没有使用任何自己，所以我不能说）如果有人甚至会自动选择3种方法中的任何一种。

Answer 5

看一下，这将需要jquery库的tho

6个jquery图表插件 http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/

或者

Mootools图表 http://workshop.rs/2010/02/moobargraph-ajax-graph-for-mootools/

Answer 6

尝试http://code.google.com/apis/charttools/index.html或http://www.fusioncharts.com/free/两者都很好且免费。