Fatal编程技术网

JavaScript图表库

javascript charts

JavaScript图表库,javascript,charts,Javascript,Charts,有人会推荐一个特定的JavaScript图表库吗？特别是一个完全不使用flash的库吗？如果您使用的是我发现非常好的jQuery，请尝试一下，看看它们是否适合您的需要，但我发现它们可以完成我当前项目所需的大部分工作 此外，它还引入了一系列功能强大的图表，用于处理实时数据。这可能不是您想要的，但 非常酷且易于使用。不是一个Javascript库，但它可能是一个合适的替代方案-通过将查询字符串数据传递到他们的web服务，查看您可以在哪里生成图表。试试麻省理工学院的明喻时间表，它可以制作成图表- 或者

有人会推荐一个特定的JavaScript图表库吗？特别是一个完全不使用flash的库吗？

如果您使用的是我发现非常好的jQuery，请尝试一下，看看它们是否适合您的需要，但我发现它们可以完成我当前项目所需的大部分工作

此外，它还引入了一系列功能强大的图表，用于处理实时数据。

这可能不是您想要的，但
非常酷且易于使用。

不是一个Javascript库，但它可能是一个合适的替代方案-通过将查询字符串数据传递到他们的web服务，查看您可以在哪里生成图表。

试试麻省理工学院的明喻时间表，它可以制作成图表-

或者最后一个，我的最爱（flot）已经被提到了

但一定要调查。
它非常适用于树形图和时间线。

看看。它是Ruby Graff graphing library的一个JavaScript端口。

是另一个基于原型的纯JavaScript图表库，灵感来源于

dojo图表库中有很多活动，我在AIR应用程序中使用它也没有问题，非常酷！
例如，请参见那里的

尝试

检查，这是对更简单的

原型的一种概括，您只需要它就可以了

我建议使用纯JavaScript图表以及它所构建的纯JavaScript矢量图形库（）

gRaphaël目前支持Firefox 3.0+、Safari 3.0+、Opera 9.5+和Internet Explorer 6.0+

退房

Highcharts是一个用纯JavaScript编写的图表库，提供了一种将交互式图表添加到web站点或web应用程序的简单方法。Highcharts目前支持直线、样条线、面积、面积样条线、柱、条形图、饼图和散点图类型。

越来越多的纯JavaScript图表的开源和商业解决方案不需要Flash。在这个回答中，我将只介绍开源选项

有两类主要的JavaScript图形解决方案不需要Flash：

  • 基于画布，在IE中使用ExplorerCanvas进行渲染，而ExplorerCanvas反过来又依赖于VML
  • 基于标准浏览器上的SVG，在IE中呈现为VML
这两种方法都有优点和缺点，但对于图表库，我建议使用后者，因为它与DOM集成良好，允许使用DOM操作图表元素，最重要的是设置DOM事件。相比之下，画布图表库必须重新发明DOM控制盘来管理事件。因此，除非您打算构建没有事件处理的静态图，否则SVG/VML解决方案应该更好

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

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

有许多基于Raphael的图表库，包括（但不限于）：

  • ，拉斐尔图形库的扩展
  • ，使用基于单个函数调用的直观API创建复杂图表
披露：我是的开发者。

很棒。如果您的需求相当“正常”，并且只想绘制一些图表，那么js图表选项的数量可能会让您不知所措。假设你不想做几个小时的研究，那就用jqPlot吧，因为它可能是你最好的选择。它涵盖了大多数人的大多数用例。一些替代方案专门针对特定类型的图表，或者根据特定的用例构建。

  • 框架：
a基本要求：

好看：

还有一个基于SVG的javascript库。它被称为，它来自斯坦福可视化集团

它还允许制作漂亮的交互式图形和可视化效果

虽然它只适用于现代网络浏览器

更新：protovis团队已经转移到另一个名为d3.js（数据驱动文档）的库中，正如他们所说：

“Protovis团队正在开发一个新的可视化库D3.js，它改进了对动画和交互的支持。D3基于Protovis中的许多概念。”

新库现在可以在以下位置找到：

更新2:

“人力车”是一个用于创建交互式时间序列图的JavaScript工具包。基于d3.js，简化了很多使用d3.js的工作，但功能稍逊

Sencha收购了Raphael，从第4版开始，他们的图表都是纯javascript的。上面提到的Emprise和HighCharts是我的两个最爱

有关更不寻常的图表：

请查看。非常强大和兼容的库。我是Zing团队的成员——在twitter上提及我们，或者向我们提出任何问题support@zingchart.com.

我最近在寻找一个javascript图表库，我对它进行了一系列评估，最终确定了一个非常适合我的需求的库。正如Jean Vincent的回答所提到的，您实际上是在基于画布和基于svg的解决方案之间进行选择

在我看来，主要的利弊如下。如果您想要构建高度动态/交互式的图表，那么基于SVG的解决方案（以及分支）是非常好的。或者，如果您的图表需求远远超出了标准（例如，您想要创建某种混合图表，或者您已经提出了一种其他人还没有想到的新可视化）。缺点是学习曲线和需要编写的代码量。你不会在几分钟内敲出图表，准备好投入一些真正的学习