首页 文章

JavaScript图表库

提问于
浏览
223

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

29 回答

  • 14

    看看Bluff . 它是Ruby的Gruff图形库的JavaScript端口 .

  • 2

    Protochart就是您所需要的

  • 0

    可能不是OP正在寻找的东西,但由于这个问题已成为JS图表库选项列表:jQuery Sparklines真的很酷 .

  • 3

    Sencha收购了Raphael,现在他们的图表是纯粹的javascript版本4.上面提到的Emprise和HighCharts是我的两个最爱 .

    http://www.sencha.com/

  • 0

    对于更不寻常的图表:http://thejit.org/

  • 4

    看看ZingChart HTML5 Canvas, SVG, VML and Flash Charts . 非常强大和兼容的库 . 我在Zing团队 - 在twitter @zingchart上提及我们或向support@zingchart.com提出任何问题 .

  • 0

    我可以推荐ArcadiaCharts . 适用于JavaScript和GWT的全新专业图表库 . 在没有插件的情况下在所有浏览器中运行使用简单快捷:只需几行代码即可创建外观精美的图表 . 免费用于非商业用途 .

  • 0

    Fusion charts有一个看起来很有前途的新javascript / jquery库 .

  • 2

    如果你需要的只是条形图 . 我发布了一些代码我've been using in an old project. Someone told me the VML implementation is broken on recent versions of IE, but the SVG should work just fine. Might be getting back to the project and release some serverside renderers I already have and maybe WebGL rendering layer. There' s链接:http://blog.conquex.com/?p=64

  • 36

    如果你发现flot非常好 - 试试examples以确定它们是否符合你的需求,但我发现它们可以完成当前项目所需的大部分工作 .

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

  • 1

    看看http://www.highcharts.com

    Highcharts是一个用纯JavaScript编写的图表库,提供了一种向您的网站或Web应用程序添加交互式图表的简便方法 . Highcharts目前支持直线,样条曲线,面积,区域线,列,条形图,饼图和散点图类型 .

  • 2

    它可能不是你想要的,但是
    Google's Chart API非常酷且易于使用 .

  • 70

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

    对于不需要Flash的图形,有两类主要的JavaScript解决方案:

    • 基于Canvas,使用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等一起使用...

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

    • gRaphael,拉斐尔图形库的扩展

    • Ico,具有基于单个函数调用的直观API,以创建复杂的图表

    披露:我是one of the Ico forks on github的开发者 .

  • 2

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

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

    http://vis.stanford.edu/protovis/ex/

    虽然它仅适用于现代Web浏览器

    UPDATE: protovis团队已经转移到另一个名为d3.js(数据驱动文档)的图书馆,他们说:

    "The Protovis team is now developing a new visualization library, D3.js, with improved support for animation and interaction. D3 builds on many of the concepts in Protovis"

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

    http://mbostock.github.com/d3/

    UPDATE 2:

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

    http://code.shutterstock.com/rickshaw/

  • 1

    我最近正在寻找一个javascript图表库,我在最终确定jqplot之前评估了一大堆,这非常符合我的要求 . 正如Jean Vincent的回答所提到的,你真的在基于画布和基于svg的解决方案之间做出选择 .

    在我看来,主要的优点和缺点如下 . 如果您想构建高度动态/交互式图表,基于SVG的解决方案(如Raphael(和分支))非常棒 . 或者,如果您的图表要求非常符合标准(例如,您想要创建某种混合图表,或者您想在几分钟内敲打图表,请准备好投入一些实际的学习时间然后写出一个很好的数量代码生成一个相对简单的图表 .

    如果您的图表要求合理标准,例如你想要一些线条或条形图或者一个或两个饼图,交互性有限,那么值得看一下基于画布的解决方案 . 几乎没有任何学习曲线,您将能够在几分钟内获得基本图表,您不需要编写大量代码,只需几行基本的javascript / jquery即可 . 当然,您只能生成库支持的特定类型的图表,通常限于各种风格的line,bar,pie . 交互选择将非常有限,即对于那里的许多图书馆说不存在,尽管有一些有限的悬停效果是可能的更好的 .

    我选择了JQplot这是一个基于画布的解决方案,因为我只需要一些标准类型的图表 . 从我的研究和各种选择中我发现它是相当全功能的(如果你只是在标准图表之后)并且非常容易使用,所以如果你的要求相似我会推荐它 .

    现在总结简单和想要的图表,然后使用JQplot . 复杂/不同,没有时间压力,然后与拉斐尔和朋友一起去 .

  • 3

    jqPlot很棒 . 如果您的要求相当"normal"并且您只想绘制一些图表,那么您想要进行数小时的研究,只需使用jqPlot,因为这可能是您最好的选择 . 它涵盖了大多数人的大多数用例 . 一些替代方案专门针对某种类型的图表或者在考虑某个特定用例的情况下构建 .

  • 2

    作为某种迟到的答案,请尝试d3.js
    http://mbostock.github.com/d3/

    这是protovis的延续 .
    flot的最大区别在于支持的功能数量 .
    虽然flot可能更简单,但d3.js肯定更强大 .

  • 3

    Flotr是另一个基于Prototype的纯Javascript图表库,灵感来自Flot

  • 2

    试试PlotKit

  • 3

    我推荐gRaphaël用于纯JavaScript图表以及它构建的纯JavaScript矢量图形库(Raphaël) .

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

  • 160

    另一个是RGraph:Javascript图表和图形库:

    http://www.rgraph.net

    基于Canvas的速度非常快,大约有20种不同的图表类型 . 它也可以免费用于非商业用途!

  • 1

    我最喜欢的(flot)已被提及 .

    但一定要调查Ortho . 它非常适合树形图和时间轴 .

  • 14

    在dojo图表库中有很多活动,而且我在AIR应用程序中使用它也没有问题,非常酷!例如见http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/

  • 3

    查看Google Visualization API,这是更简单的Chart API的概括

  • 15

    http://code.google.com/apis/visualization/documentation/gallery.html

    有非常酷的交互选项,包括 Map ,仪表和图表 .

  • 1

    我们刚刚为我们的新创业公司购买了TechOctave Charts Suite的许可证 . 我强烈推荐他们 . 许可很简单 . 图表看起来很棒!它很容易上手,并且在我们需要它时具有强大的API . 我对代码的清晰和可扩展性感到震惊 . 真的很满意我们的选择 .

  • 1

    尝试MIT明喻时间表,可以将其制作成图表 - http://simile.mit.edu/timeline/

    或最后一个,http://code.google.com/p/gchart/

  • 0

    不是Javascript库,但它可能是一个合适的替代方案 - 请查看Google Charts,您可以通过将查询字符串数据传递到其Web服务来生成图表 .

相关问题