有哪些跨浏览器图表包可用?

11

我想在我的网站上包含一些图表,我正在寻找一个适用于多个浏览器的图表包 - 我有哪些选择?

16个回答

17

3
@AutomatedTester说:“已知该插件可与Internet Explorer 6/7/8(仅在开发版本中支持IE8),Firefox 2.x+,Safari 3.0+,Opera 9.5+和Konqueror 4.x+一起使用。如果您发现问题,请报告。绘图是使用由Safari引入并现在在所有主要浏览器中可用的canvas标签完成的,除了Internet Explorer外,此处使用excanvas JavaScript仿真助手。”这是答案中的第一个链接。 - Esteban Küber
我也喜欢jQuery的样式 - 眼-catching和清晰。我在IE7中查看这些示例,它们看起来对我来说还不错。 - Steven
如果 JavaScript 被禁用了呢? - Charlie
1
Flot 在 IE6 及以上版本中运行良好。虽然有点慢,但对于大多数图表来说还是可以的。这也是 Stack Overflow 使用的。 - Nosredna

12

您能否更详细地描述您所寻找的样式图表?像折线图、柱状图和饼图这样的简单图表被广泛实现是可以理解的。如果您正在寻找更复杂的图表,例如甘特图、迷你图或实时/数据流图表,那么您的选择就会大大减少。

就跨浏览器兼容性而言,Flash和HTML Canvas都得到了很好的支持,如果您使用其中一种交付方式,大多数人都将能够查看图表。

有几个免费的Flash图表解决方案可以很好地工作。

XML/SWF Charts is free to download and use. The free, unregistered version contains all the features except for:

- Clicking a chart takes the user to the XML/SWF Charts web site. 
- No displaying charts inside another flash file.
- No technical support, and no product updates by e-mail.

« 点击重定向使我更喜欢FusionCharts

接着正如Justin Niessner所提到的,还有Open Flash Chart

如果你更喜欢使用HTML Canvas,请尝试: - http://code.google.com/p/flot/(由Andrejs Cainikovs提到) - http://www.liquidx.net/plotkit/

如果你正在使用PHP,这里有一个:http://naku.dohcrew.com/libchart/

如果以上都不可行,并且你想要一个非常简单的图表(柱状图、折线图),那么考虑使用CSS图表:


12

我喜欢这个,但我不喜欢不能下载并将它放在自己的服务器上的方式。 - DLauer
浏览器缓存,我的朋友...浏览器缓存。或者查看Firebug的NET选项卡中检索到的内容。 - Zoidberg
有一个名为Eastwood的API兼容图表解决方案可用于基于Java的Web应用程序(基于JFree Chart)。请参见http://www.jfree.org/eastwood/。 - BenM

8

虽然不是纯粹的图表库,但它是一个轻量级的SVG/VML跨浏览器图形库:raphaeljs.com

非常容易制作图表。


3
另一个闪存和现金解决方案是amCharts

2
试试jQuery Visualize插件吧。它非常简单易用,只需一个包含数据的表格,然后在JavaScript中调用插件,就可以让它奇妙地工作了。
为了支持多浏览器,他们建议使用以下浏览器测试: IE6,IE7,IE8,Firefox 2,Firefox 3.5,Safari 3和4,Opera 9。

2

不错 - 这个我还没听说过 - GWT图表没有往返请求。 - DLauer

2

除了移动设备,我想Flash是跨浏览器的。其中一些JavaScript可以在iPhone上运行。 - Nosredna

1

我也推荐 Open Flash Chart,我已经广泛使用,并特别推荐 OFC-2 上的 DZ 补丁版本。

你可以在 Red5 Analytics Demo 上看到它的运用。


1
如果您的项目允许,您可能还想尝试一些Flash图表包,例如Open Flash Chart
您也可以尝试使用一些Flex功能。
这样,无论用户使用什么浏览器,您都在运行一个一致的运行时。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接