Javascript 如何在web应用程序中创建图形?

Javascript 如何在web应用程序中创建图形?,javascript,html,css,Javascript,Html,Css,我知道这个问题可能很基本,但我是初学者,所以我希望它是合理的。我试着搜索,但找不到关于这个主题的任何基本信息。所以如果我有一个web应用程序,其中的用户会随着时间的推移生成特定的数字,我想创建一个饼图和该数据的散点图,我将如何做到这一点?我曾想过用不同的图表和不同的值制作一组JPG,但那将是荒谬的,所以我假设有一种更简单的方法来做到这一点。这是真的吗?您可以使用: 如果您不想深入研究核心javascript并自己创建所有的视觉效果,jquery有一系列插件和扩展,可以帮助您更轻松地完成所需的工

我知道这个问题可能很基本,但我是初学者,所以我希望它是合理的。我试着搜索,但找不到关于这个主题的任何基本信息。所以如果我有一个web应用程序,其中的用户会随着时间的推移生成特定的数字,我想创建一个饼图和该数据的散点图,我将如何做到这一点?我曾想过用不同的图表和不同的值制作一组JPG,但那将是荒谬的,所以我假设有一种更简单的方法来做到这一点。这是真的吗?

您可以使用:


如果您不想深入研究核心javascript并自己创建所有的视觉效果,jquery有一系列插件和扩展,可以帮助您更轻松地完成所需的工作。看看这里


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

看看,这需要jquery库的tho

6个jquery图表插件

Mootools图
我建议使用Flot,这是一个jQuery插件。它非常容易使用,并且有非常好的文档:

尝试其中一种,或者两者都是好的和免费的。

基本上有三种方法:

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

  • 一种现代方法是使用SVG和Canvas通过Javascript在客户端生成这些图像。请注意,一些较旧的浏览器(如IE6)将无法显示它们

  • 最后,您可以使用其他浏览器插件(如Flash、Java或Silverlight)在客户端生成图像。缺点是浏览器必须有合适的插件,而移动设备在这方面往往处于劣势

另外,正如其他人所指出的,有很多框架可以让您省去麻烦。如果有人会自动选择这三种方法中的任何一种,我也不会感到惊讶(但我自己没有使用过,所以我不能说)