由于绘制矢量图的不同技术愈发成熟以及现代浏览器所具备的更强大的计算能力等原因,目前网上出现了越来越多免费 的JavaScript图表和图形绘制解决方案。在本文中就将分享13个优秀实用的JavaScript图表和图形绘制插件,它们少数是独立的框架,大多 数支持条图、线图、饼图等基本图形,很多甚至支持更加复杂的图形,希望对你有所帮助。

1329982455649.jpg

Flotr2 是个独立框架库,支持HTML5图表和图形。它是 flotr 的一个分支版本,移除了 Prototype 依赖性,并且有很多改进。支持:线图、条图、蜡状图、饼图、气泡图。诸如 IE6 类的老也支持。

1329982455151.jpg

Rickshaw 是个用于创建交互式时序图的JS工具。它依赖 D3 可视化库和其他一些 jQuery 和 jQuery UI 的插件。

3.D3

1329982455481.jpg

D3 是一款著名且高效的可视化库。

1329982455693.jpg

AwesomeChartJS 是个简洁的JS库,用于基于HTML5画布元素的图表。

1329982455791.jpg

CanvasXpress is a javascript library based on the tag implemented in HTML5. I developed this library as the core visualization component for our BMS systems biology platform. It supports crazy amount of highly complicated charts and graphs.

1329982455993.jpg

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

1329982455709.jpg

RGraph is a HTML5 Javascript charts library that supports over 20 different types of charts. Using the new HTML5 canvas tag, RGraph creates these Javascript charts in the web browser, meaning quicker pages and less web server load. Using RGraph is an easy way of speeding up your website.

1329982455918.jpg

dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. This is a lightweight solution and works in Internet explorer too.

1329982455668.jpg

Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. A famous chart/graph solution used by many well-known organization such as IBM, NASA, Siemens, HP etc.

1329982455959.jpg

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

1329982455969.jpg

jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

1329982455951.jpg

JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare chart data in XML, JSON or JavaScript Array and your chart is ready!

1329982455474.jpg

JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser. It is implemented completely in JavaScript, does not rely on any other library, and uses SVG, VML, or canvas. JSXGraph is easy to embed and has a small footprint: less than 100 KByte if embedded in a web page. No plug-ins are required! Special care has been taken to optimize the performance.

html5建筑图插件,13个JavaScript图表图形绘制插件相关推荐

  1. 13个JavaScript图表图形绘制插件

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

  2. 20X16 FCPX插件发光画笔线条描边图形绘制工具中文版FCPXBrushGlow

    20X16 FCPX插件发光画笔线条描边图形绘制工具中文版FCPXBrushGlow [插件介绍] 这个插件是时下非常流行的发光画笔图形效果动画,通过使用插件可以直接用鼠标在画面上绘制发光线条图案等: ...

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

    网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML.SV ...

  4. html5 cs js字母验证码,JavaScript生成图形验证码

    本文实例为大家分享了js生成图形验证码的具体代码,供大家参考,具体内容如下 getGVerify:function (id) { function GVerify(options) { //创建一个图 ...

  5. k线图html5插件,Kline 一个JavaScript K线图插件

    Kline 本项目扒了某网站的K线插件做了一些封装和二次开发,使其更加便于使用和修改,方便后来的开发者. 修改主要涉及以下几个点: 使用 webpack 打包 css/images/html 使用 E ...

  6. html模态框插件,如何使用JavaScript构建模态框插件

    作为一位Web开发人员而言,模态框(Modal)并不会陌生.就我个人而言,我更为熟悉的是怎么通过CSS来编写一个模态框以及怎么通过CSS给模态框添加一些动效.正好最近工作中也和Modal框杠上了.另外 ...

  7. 27个强大的Javascript图表制作库。

    网址:http://www.open-open.com/home/space.php?uid=668&do=blog&id=1453 27个Javascript图表/图形制作组件.有些 ...

  8. 27个强大的Javascript图表制作库

    27个Javascript图表/图形制作组件.有些是基于jQuery开发,有些是基于MooTools框架开发.希望大家能用得上. jQuery Visualize jQuery Visualize i ...

  9. 开源的数据可视化JavaScript图表库:ECharts

    ECharts (Enterprise Charts 商业产品图表库)是基于HTML5 Canvas的一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表.创新的拖拽 ...

最新文章

  1. tsne pca 自编码器 绘图(CC2)——一定记得做无量纲化处理使用standardscaler,数据聚类更明显...
  2. Spring MVC【入门】就这一篇
  3. 基础——ASP.NET页面的生命周期
  4. Flask爱家租房--celery(总结)
  5. Liunx 系统调优
  6. android 颜色0x00,Android 状态栏颜色兼容方案
  7. 郭天祥的10天学会51单片机_第十一节
  8. tomcat启动报错“The processing instruction target matching [xX][mM][lL] is not allowed.”解决方案
  9. 2021年苏大计算机考研872真题及解析
  10. C#上位机与欧姆龙PLC通讯(FINS)
  11. 1005打印任务取消不了 hp_HP打印机打印时任务打印不了时无法取消
  12. 在React中使用Shadow DOM
  13. python中扑克牌类设计_创建扑克牌类Python
  14. IE8中怎样使用脚本隐藏弹出窗口的地址栏
  15. 自制windows免安装版jdk
  16. 奇怪的汉诺塔 Four Column Hanoi Tower
  17. vueh5调用摄像头拍照_HTML5调用摄像头实现拍照功能(兼容各大主流浏览器)
  18. 修改和重新封装了一个GHOST XP
  19. fiddler手机抓包 iOS iPhone 设置方法
  20. 公有云的地域和可用区

热门文章

  1. 微信小程序分类及详情信息模块的分析
  2. Arduino与Proteus仿真实例-雷达扫描仿真
  3. Execution failed for task ':app:processDebugResources'
  4. 单相变频电源的最大输出电流额定是多少,变频电源厂家
  5. 制作精美ppt 制作高质量的PPT
  6. 解决iPhone4拆机后SIM卡显示无服务的故障
  7. 美图秀秀2014电脑版 v3.9.6.1003 官方最新版
  8. Go基于I/O多路复用的TCP协议流解析实践
  9. HTML(1)吃豆豆网页代码
  10. 基本初等函数 对数函数