资讯频道 → Web前端
阅读更多

20顶
0踩

Web前端

翻译新闻 10 款强大的JavaScript图表图形插件推荐

2012-03-16 14:08 by 正式编辑 sherry617 评论(14) 有140471人浏览
javascript 图表 插件
网上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使呈现实时数据变得容易，而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。

本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架，大部分支持常规的功能：条形图、线形图、饼形图，有的还可以生成更复杂的图表：关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。

1. Humble Finance

这是一个非常好用的HTML5数据可视化工具，与Flash工具颇为相似。基于JavaScript，利用了Prototype 和 Flotr 库，可用于显示两组实时二维数据。



2. D3

D3是最流行的可视化库之一，它可以将任意数据绑定到DOM（Document Object Model，文档对象模型），然后对该文件提供数据驱动转换。还可以将一组数据生成基本的HTML表，或生成一个SVG条形图。



3. Rickshaw

Rickshaw可以创建交互时间序列图。它依赖于D3的可视化库，需要一些扩展比如jQuery和jQuery UI来辅助实现。



4. jqPlot

这是一个基于jQuery（最流行的JavaScript库）的绘图制表插件。jqPlot可以生成线形图、条形图、饼形图。



5. rGraph

这是HTML5的JS图表库，拥有20多个类型的图表。利用最新的HTML5 canvas标签，这个工具可在网页浏览器中生成JavaScript的图表，这意味着更快的网页加载和更少的Web服务器负载。



6. Digraphs

开源JS库，能生成交互、可缩放的时间序列图表。可显示密集的数据组，用户还可对这些数据进行分析和说明。



7. CanvasXpress

一个基于HTML5标签的库，支持大量极其复杂的图表和图形。



8. gRaphael

这个工具可在网站上创建美观的图表，它基于Raphael图形库，可以查看静态图表和互动图表的演示。



9. Flotr2

一个独立框架库，可以绘制HTML5的图表图形，实际上是flotr的一个分支，功能更完善。可生成线形图、条形图、烛形图、饼形图和气泡图，还支持旧的浏览器（如IE 6）和移动平台。



10. Awesome Chart JS

顾名思义，这是一个很棒的JavaScript库，它可用于创建基于HTML 5 canvas元素的图表。这个库很简单，只需要几行代码就能快速生成简单的图表。



英文原文：10 Awesome Javascript Plugins For Plotting Charts and Graphs
20
顶
0
踩
评论 共 14 条 请登录后发表评论
14 楼 didiaoxiaohuoqiang2 2018-01-24 11:18
mark+1
13 楼 zenmshuo 2016-09-09 17:00
之前也用过SpreadJS，前端的表格控件，数据可视化的图表也有很多
12 楼 liuweihug 2014-07-26 10:12
echarts不错的。Echarts asp.net+ashx项目部署及代码实例（附demo）
http://www.suchso.com/projecteactual/echarts-aspnet-ashx-demo-xiangmudaima.html
11 楼 pankanghe 2012-03-21 22:56
MARK。如果以后用到再找找。
10 楼 bcw104 2012-03-19 08:57
syx278250658 写道
我最关心的 那些 直接IE6?

IE6中国特色, 中国政府特色
9 楼 coolbi 2012-03-19 08:14
哪些是收费的？
8 楼 syx278250658 2012-03-18 22:37
我最关心的 那些 直接IE6?
7 楼 ainishigai 2012-03-18 22:29
这些插件有具体的下载的吗?可以提供吗
6 楼 bcw104 2012-03-18 19:20
ufopw 写道
highchart与这几个比较如何？

商业许可收费挺贵
5 楼 ufopw 2012-03-18 14:06
highchart与这几个比较如何？
4 楼 lostphp 2012-03-18 13:17
 
3 楼 zhangwenzhuo 2012-03-16 17:19
http://zhangwenzhuo.iteye.com/blog/1444513
2 楼 guilipan 2012-03-16 16:42
highchart都没？
1 楼 pdsmsf 2012-03-16 16:09
就用过拉斐尔

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 用于创建图表的Angular插件-JavaScript开发

    大型数据集的图表，图形，金字塔可视化。 Showreel。 用于构建项目比例的Scale Angular插件的来源。 完全在HTML / CSS / JS上的海图标尺。 条形图，折线图，日历视图的可视化。 大型数据集的图表，图形，金字塔可视...

  • html 圆圈图表插件,10款强大的JavaScript图表图形插件

    网上有很多用于绘制图表图形的免费JavaScript插件...本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的平台和老版本的浏览器上工作。有些工...

  • 10款强大的JavaScript图表图形插件推荐

    上有很多用于绘制图表图形的免费JavaScript插件和图表库，这类插件大量出现的原因，一是人们不再依赖于Flash，二是浏览器和精密的计算使...本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏

  • java 免费图表控件_推荐10款功能强大且免费的JavaScript图形图表插件

    1、D3D3是最流行的可视化库之一，它可以将任意数据绑定到DOM(Document Object Model，文档对象模型)，然后对该文件提供数据驱动转换。...3、Flotr2Flotr2 是个独立框架库，支持HTML5图表和图形。它是 flotr ...

  • 向 Web 开发人员推荐35款 JavaScript 图形图表库

    　在这篇文章中，我们收集了35款值得网站开发者收藏的JavaScript图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库。 ...

  • html5建筑图插件,13个JavaScript图表图形绘制插件

    由于绘制矢量图的不同技术愈发成熟以及现代浏览器所具备的更强大的计算能力等原因，目前网上出现了越来越多免费 的JavaScript图表和图形绘制解决方案。在本文中就将分享13个优秀实用的JavaScript图表和图形绘制插件...

  • JavaScript统计图表插件 Echarts

    JavaScript统计图表插件 Echarts...

  • 35款 JavaScript 图形图表库

    　在这篇文章中，我们收集了35款值得网站开发者收藏的 JavaScript 图形图表库，适合各种图表需求。其中大部分都是免费而且开源的，希望大家能在下面的列表中找到适合自己需求的 JavaScript 图表和图形库

  • 10个最受欢迎的JavaScript图表库

    目前网上有很多用于绘制图表图形的免费JavaScript插件和图表库，技术学派在这里给大家推荐10个比较强大的绘制图表图形的JavaScript图表库。其中一些插件需要主流浏览器的支持，而另外一些经过整合后，也能在不同的...

  • 用于创建图表的JQuery插件-JavaScript开发

    大型数据集的图表，图形，金字塔可视化。 Showreel。 此JQuery Linechart JQuery插件的源代码，用于构建线形图。 完全在HTML / CSS / JS上的海图标尺。 条形图，日历视图可视化。 大型数据集的图表，图形，金字塔...

  • java 免费图表控件_推荐10款免费而优秀的图表插件

    开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。...我在本篇文章中收集了10款免费开源且比较优秀的图表制作插件，以供各位参考。ichartjs是一...

  • 10 个超赞的 JavaScript 图形图表绘制插件

    该工具完全由JavaScript开发，使用Prototype与Flotr库 2、D3 D3是最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个...

  • 8_Android app作业-源码.zip

    提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。

  • 低值易耗品管理制度.docx

    低值易耗品管理制度.docx

  • 2024年韭菜主要病虫害绿色防控技术方案.docx

    2024年韭菜主要病虫害绿色防控技术方案.docx

  • 基于ssm的公司人力资源管理系统设计与实现源码.zip

    提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。

  • 1.2.py

    1.2.py

  • 图像处理中的统计应用案例

    matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录 matlab图像处理中的统计应用案例附录matlab图像处理中的统计应用案例附录

Global site tag (gtag.js) - Google Analytics