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

20顶
0踩

Web前端

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

2012-03-16 14:08 by 正式编辑 sherry617 评论(14) 有140774人浏览
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中。你可以使用它用一个...

  • 基于NSGA2与熵权TOPSIS的电力系统储能选址定容优化及Matpower潮流计算研究

    内容概要：本文详细探讨了利用NSGA2算法进行电力系统中储能系统的选址和定容优化，并结合熵权TOPSIS方法选择最优解。首先介绍了使用Matpower工具包进行潮流计算的基础步骤，随后深入讨论了储能系统引入后的复杂性和优化目标设定。文中展示了如何构建目标函数，包括储能的投资成本和系统电压偏差，并详细解释了NSGA2算法的具体实现，如种群初始化、交叉变异操作以及约束条件处理。最后，通过熵权法确定权重并应用TOPSIS方法对多个优化结果进行评估，选出综合性能最佳的储能配置方案。 适合人群：从事电力系统规划、优化算法研究的专业人士，尤其是对储能系统优化感兴趣的科研人员和技术开发者。 使用场景及目标：适用于需要解决电力系统中储能系统选址和定容问题的实际工程项目。主要目标是在满足系统稳定性要求的前提下，最小化储能系统的投资成本，提高系统的经济性和可靠性。 其他说明：文章提供了详细的代码片段和理论推导，帮助读者更好地理解和实施所提出的优化方法。此外，还提到了一些实际应用中的注意事项，如SOC约束处理、参数选择等，为后续的研究和应用提供了宝贵的实践经验。

  • 基于python+pyqt5实现视频自动化下载、剪辑和上传系统源码+项目说明.zip

    基于python+pyqt5实现视频自动化下载、剪辑和上传系统源码+项目说明.zip 该项目是用脚本实现部分视频网站视频内容的自动化下载、剪辑以及上传，其中界面是用PyQT做的。 使用的浏览器驱动是undetected_chromedriver，可以跳过tiktok的机器人检查 使用的浏览器是91，版本：Google_Chrome_(64bit)_v91.0.4472.77 【功能】 自动从各种视频网站下载视频 支持视频剪辑和合集制作 支持自动上传视频到视频网站 技术栈 Python PyQT undetected_chromedriver

  • 西门子S7-1200双套三坐标6轴联动控制系统的设计与实现

    内容概要：本文详细介绍了西门子S7-1200双套三坐标6轴联动控制系统的开发与调试经验。主要内容涵盖双PLC通信机制、轴控制逻辑、安全联锁设计以及触摸屏程序绑定等方面。文中通过具体代码示例展示了如何利用SCL语言实现高效稳定的多轴联动控制，并分享了实际项目中的最佳实践和技术难点解决方案。此外，还讨论了程序结构优化、报警代码设计、数据块管理等关键环节，强调了模块化设计思想的应用及其带来的效率提升。 适合人群：从事工业自动化领域的工程师，尤其是熟悉西门子PLC编程的专业人士。 使用场景及目标：适用于需要进行复杂运动控制的自动化生产线，如汽车制造、电子装配等行业。主要目标是提高生产效率，确保设备运行的安全性和稳定性。 其他说明：文中提到的许多技术和方法不仅限于特定型号的PLC，对于其他品牌的控制器也有一定的借鉴意义。同时，提供的代码片段可以直接应用于类似项目中，帮助开发者快速搭建可靠的控制系统。

  • NFC Tools Pro

    NFC Tools是一个应用程序，允许你在你的 NFC 标签和其他 RFID 兼容芯片上读取或写入或编程代码任务。NFC Tools PRO版本包括很多其他的附加功能，比如配置文件管理等。保存你的NFC标签或任务的配置文件，以便你以后重新使用它们。导出和导入很容易。NFC Tools PRO官方版允许你直接从现有的 NFC 标签导入你的记录或任务。 你可以很快编辑你的标签。此外还可以直接运行你的任务配置文件，不需要NFC 标签。

  • protobuf-6.30.1-py3-none-any.whl

    该资源为protobuf-6.30.1-py3-none-any.whl，欢迎下载使用哦！

  • FLAC3D中壳单元与衬砌单元内力提取及处理技巧

    内容概要：本文详细介绍了如何在FLAC3D中提取壳单元和衬砌单元的关键内力数据，如弯矩、轴力和剪力。针对壳单元，文中提供了具体的FISH命令和函数，展示了如何利用gp.extra属性提取弯矩，并强调了局部坐标系方向的重要性。对于衬砌单元，则介绍了专门的命令和注意事项，如使用liner组件提取轴力和剪力，以及如何处理弯矩数据。此外，还分享了一些实用的经验和技巧，如批量数据处理、单位换算、内力符号规则等。最后，提到了使用Python进行后处理的方法，将提取的数据转化为更直观的形式，便于进一步分析。 适合人群：从事岩土工程、隧道工程及相关领域的工程师和技术人员，尤其是对FLAC3D有一定基础的用户。 使用场景及目标：帮助用户掌握FLAC3D中壳单元和衬砌单元内力提取的具体方法，提高工作效率，确保数据分析的准确性。适用于需要进行结构内力分析、支护设计优化等项目的工程师。 其他说明：文章不仅提供了详细的命令和函数示例，还分享了许多实战经验和常见错误的规避方法，有助于初学者少走弯路。同时，强调了内力符号规则和单位换算的重要性，避免因疏忽导致的重大失误。

Global site tag (gtag.js) - Google Analytics