JavaScript 图表库

2022-08-30 00:59:31

有人会推荐一个特定的JavaScript图表库 - 特别是一个根本不使用flash的库吗?


答案 1

对于不需要Flash的纯JavaScript图表,有越来越多的开源和商业解决方案。在此响应中,我将仅介绍开源选项。

有 2 个主要类的 JavaScript 图形解决方案不需要 Flash:

  • 基于画布,使用ExplorerCanvas在IE中渲染,而ExplorerCanvas又依赖于VML
  • 基于标准的浏览器上的 SVG,在 IE 中呈现为 VML

这两种方法都有优点和缺点,但对于图表库,我会推荐后者,因为它与DOM很好地集成,允许使用DOM操作图表元素,最重要的是设置DOM事件。相比之下,Canvas 图表库必须重新发明 DOM 轮子来管理事件。因此,除非您打算构建没有事件处理的静态图,否则SVG / VML解决方案应该更好。

对于 SVG/VML 解决方案,有许多选项,包括:

Raphael是一个非常活跃,维护良好,成熟的开源图形库,具有非常好的跨浏览器支持,包括IE 6到8,Firefox,Opera,Safari,Chrome和Konqueror。Raphael不依赖于任何JavaScript框架,因此可以与Prototype,jQuery,Dojo,Mootools等一起使用。

有许多基于拉斐尔的图表库,包括(但不限于):

  • g拉斐尔,拉斐尔图形库的扩展
  • Ico,基于单个函数调用的直观API,可创建复杂的图表

披露:我是github上Ico分支之一的开发人员。


答案 2

如果你正在使用jQuery,我发现flot非常好-尝试一些例子,看看它们是否适合你的需求,但我发现它们可以做我当前项目所需的大部分工作。

此外,ExtJS 4.0还引入了一组很棒的图表 - 非常强大,旨在处理实时数据。