值得网站开发者收藏的JAVASCRIPT图形图表库

news/2024/5/10 16:05:37/文章来源:https://blog.csdn.net/woshizoe/article/details/27320077

http://www.uirss.com/blog-39451-6411.html

图表是数据图形化的表示,通过形象的图表来展示数据,比如条形图,折线图,饼图等等。可视化图表可以帮助开发者更容易理解复杂的数据,提高生产的效率和Web应用和项目的可靠性。

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

1.  JS Charts

jscharts

JS Charts 是个基于JavaScript的图表生成器,不需要任何编码。JS Charts 非常容易使用,只要用户使用客户端脚本(比如,在 web 浏览器中执行)。它不需要多余的插件和服务器模块,只需要下载 JS Charts 的脚本,准备好 XML,JSON 或者 JavaScript 数组数据。

2.  Canvasjs canvasjs

CanvasJS 是个易用的 HTML5 & JavaScript 图表库,基于 Canvas 元素。Graphs 可以通过设备渲染,包括 iPhone,iPad,Android,Windows Phone,Microsoft Surface,Desktops 等等。它允许用户创建适用于所有设备,不影响 web 应用程序的功能和可维护性的富仪表盘。CanvcasJS 有着非常漂亮的主题和超过传统的 Flash 和 SVG 图表 10x 倍以上的速度——生成轻量级,漂亮和响应式的仪表图。

3.  Chart.js chartjs

Chart.js 是个简单的,面向对象的客户端图形库,用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的,完全自定义,而且看起来非常好看,即使在 retina 显示。它使用 HTML5 canvas 元素,支持所有现代浏览器,并且支持  IE7/8。

4.  Aristochart aristochart

Aristochart 是个高度自定义,灵活的折线 Canvas 图表库,允许用户集中精力在图表的审美方面,后台工作做得非常好。Aristochart 有个持续进步的社区,提供许多不断增长的主题给用户选择。

5.  xCharts xCharts

xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript图表库,他使用HTML,CSS,SVG实现图表,xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。

6.  BonsaiJS graphic-library

BonsaiJS 是个轻量级的 JavaScript图形库,提供直观的图形 API 和 SVG 渲染器。主要特性包括:架构分离的运行器和渲染器;iFrame,Worker 和 Node 运行上下文;形状,路径,Assets(音频,图像,字体,subMovies),Keyframe 和常规动画,等等。支持现代化浏览器: Safari, Chrome 和 Firefox。

7.  Sigma.js sigmajs

Sigma.js 是个免费开源的 JavaScript图形库,使用 HTML5 canvas 元素。它的设计是特别为了在 web 界面分享交互式网络 Map 和动态展示网络数据库。

8.  Morris.js morrisjs

Morris.js 是个轻量级的 JavaScript库,使用 jQuery 和 Rapha&enuml 来绘制时序图。 Morris.js 生命周期是从代码驱动 howmanyleft.co.uk 图表开始的。它支持的浏览器有:  IE6+, Safari/Chrome/Firefox, iOS 3+ 和 Android 3+。它的公共 API 非常的小,只有一个函数: Morris.Line(选项),包括了许多配置选项。

9.  Paper.js paperjs

Paper.js 是一个开源的向量图形脚本框架,基于 HTML5Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。

10.  AmCharts Amcharts

AmCharts 是个高级图表库,适用于所有数据的可视化。AmCharts 包括: Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid 等等。

11.  Smoothie Charts smoothiecharts

Smoothie Charts是个极小的图表库,专为实时流媒体数据设计的。Joe Walnes 想展示 WebSocket推动的实时的流数据。虽然很多图表库允许用户动态更新数据,但是没有一个是可以优化源源不断的流数据。

12.  Dygraphs dygraphs

Dygraphs 是个快速,灵活,开源的 JavaScript 图表库。它允许用户展示和解析密集的数据集。可以高亮需要强调的数据集。可以使用鼠标点击或者用鼠标拖动来缩放图表;可以修改数值或者点击条目来调整平均周期。

13.  Grafico Grafico

Grafico 是 Grafico 是一个基于 Rapha?l 和 Prototype.js 构建的 JavaScript 图表库,提供了各种图表类型。这些漂亮的图表,有利于传递他们的信息。

14.  Highchart JS highchartjs

Highcharts JS 是一个制作图表的纯 Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括 iPhone、IE 和火狐等等;对个人用户完全免 费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是 PHP、Asp.net 还是 Java 都可以使用。

15.  Flotr flotr

Flotr 是一个基于 Prototype 开发的 JavaScript绘图工具。支持图例,鼠标跟踪,图片区域选择,图片缩放,添加事件钩子(event hook),通过CSS设置样式等。

16.  Flot flot

Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jquery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。 flot 是个纯 JavaSript 库,专注于简单的使用方式,迷人的外观和交互式特性。支持的浏览器有: Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

17.  jFreeChart JFreeChart

JFreeChart  主要用来各种各样的图表,这些图表包括:饼图、柱状图(普通柱状图以及堆栈柱状图)、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等。JFreeChart 项目历史悠久,而且有大量的开发者在维护。

18.  Plotkit PlotKit

PlotKit 是一个纯 JavaScript 绘图工具包。它支持 HTML Canvas 和 Adobe SVG。有着很完整的文档,方便用户使用。

19.  Planetary.js planetaryjs

Planetary.js 是个令人称奇的创建交互式 web 地球仪的 JavaScript库。它使用 D3 和 TopoJSON 来解析和渲染地理信息。Planetary.js 使用基于插件的架构,甚至默认自身就是个插件!这使得 Planetary.js 非常灵活,而且它是允许用户完全自定义,包括颜色,大小,rotation 等等。更重要的是,用户可以在任意位置使用自定义的颜色和大小来显示动画“pings”;它还支持鼠标拖动和缩放,100% 免费和开源。

20.  Ember Charts ember-charts

Ember Charts 是个图表库,使用 Ember.js 和 d3.js 框架构建的。它包括时间线,条形图,饼图和散点图,非常容易扩展和修改。这些图表组件都是开箱即用的,在图表交互和演示方面应用的很好。

21.  Sparky Sparky

Sparky 是个免费的 JavaScript 波形图库,依赖于 Raphaël ,非常容易使用。支持多个图表类型(折线,条形,area),折线和区域图可以有多个颜色选择。

22.  Envision.js envision

Envision.js 是个 JavaScript 库,用来简化,快速创建交互式的 HTML5 可视化图表。它包括两个图表类型:时序图和 Finance ,提供 API 给开发者,用户可以直接自定义创建图表。这个库氏基于 Flotr2 和 HTML5 Canvas 的。它与框架无关,依赖于几个小的 JavaScript 库。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_842120.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

seo按天扣费系统_扒拉一些搞SEO关键词排名赚钱的几个行业秘密

互联网上的赚钱方式各式各样,干什么的几乎都有,但是搞网站的、搞SEO的,最终目的也是赚钱,可是赚钱跟赚钱相比,SEO排名赚钱的还是出现了几个极端化。今天诺伊网小编给你深扒一些SEO行业的秘闻吧,估计很多干货…

:https web服务器ssl认证项目,网站启用https后的SSL的安全配置和检测

现在的网站通常开启SSL已经是标配了,不过,配置好了SSL后,还需要判断一下服务器部署的是否安全,如果没有配置好的话,会带来很多安全隐患。SSL/TLS 系列中有六种版本:SSL v2,SSL v3,TL…

国内的服务器网站,国内主流网站服务器

国内主流网站服务器 内容精选换一换在大型网络应用中,通常会使用多台服务器提供同一个服务。为了平衡每台服务器上的访问压力,通常会选择采用负载均衡来实现,提高服务器响应效率。云解析服务支持解析的负载均衡,也叫做带权重的记录…

国内外IGS数据及产品下载网站

国内外 IGS数据及产品下载网站 连接有所变更: CLK ,SP3 https://cddis.nasa.gov/archive/gnss/products/2220/ 本文是转载博客地址:https://blog.csdn.net/SmartTiger_CSL/article/details 一、转自http://geodesy.blog.sohu.com/274775667.html IG…

好吧我摊牌了,这是C++最好的5 个网站

相对其他语言来说,C 算是难度比较高的了,这一点无法否认。但是如果能有一些好的网站,则会让 C 的学习事半功倍。 那就来介绍几个最常用的(最好的)吧,包含了参考手册、教程、框架/库列表 ...... 1.cpprefer…

谷歌浏览器使用bing搜索引擎发现打开网站会替换搜索页

今天更新谷歌浏览器发现搜索东西,点击搜索结果网站,打开后的网站页会替换掉当前搜索页,就得点回退,很烦 后来发现不是谷歌浏览器的问题,是搜索引擎的问题,设置下搜索引擎就行 我使用的是bing搜索引擎 勾…

网站如何集成markdown编辑器

收藏(4)Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它用简洁的语法代替排版,而不像一般我们用的文字处理软件 Word 等有大量的排版、字体设置。这使得我们能够专心的码字&…

Linux测试网速(linux服务器测试网站,命令行)

第一步:wget https://raw.githubusercontent.com/sivel/speedtest-cli/master/speedtest.py 第二步: chmod arx speedtest.py 第三步: sudo mv speedtest.py /usr/local/bin/speedtest 第四步:sudo chown root:root /usr/local…

巧用VS2005解决VS2005网站发布不便问题

关键字:VS2005,网站发布,编译一、问题引入在VS2005网站开发过程中,网站发布问题一直是个问题.VS2005创建的网站有几个默认的目录:App_Code,App_Data,App_Themes........如果是但cs/vb文件,比如UploadFile.cs类UploadFile,这个类文件没有可视的aspx文件,那么这个文件就必须放到A…

各类常见的网站检查工具

一、网站基础查询 1.域名基础信息查询 http://tool.chinaz.com/Ip/Whois.asp 通过在线查询你可以知道自己网站的基本信息,当然很多时候你是清楚自己网站的情况的。但是你不一定知道对手网站的情况。 2.详细的网站历史查询 http://www.archive.org/web/web.php 3.网站…

USTC一个开源下载的网站

QT下载路径,版本5.12.6 http://mirrors.ustc.edu.cn/qtproject/official_releases/qt/5.12/5.12.6/

最新10款精美的免费PSD网站模板下载

这篇文章收集了10款免费的 PSD 网站模板分享给大家,您可以免费下载使用。这些高质量的免费 PSD 网站模板可以让您的工作得心应手,帮助您节省大量的时间和精力。感谢那些优秀的设计师分享他们的劳动成果,让更多的人可以使用他们的创意设计&…

精选30个富有想象力的网站设计作品

在设计网站的时候,有几项事情需要牢记,其中很重要的事情之一就是为设计的品牌选择合适的风格。在这篇文章中,你将发现很多创意的,吸引眼球的网站设计作品,设计师们可通过这些优秀的设计作品来获取创作灵感,…

一个网站直接跳转引起的一些思考

近日看了一个站&#xff0c;网站的界面是这样的。 发现鼠标放上去&#xff0c;都是直接跳转&#xff0c;于是我查看了一下源代码 复制代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit…

IIS6.0asp网站文件上传大小限制和图片上传大小的限制解决方法

win2003的iis6限制了asp的上传文件大小为200k&#xff0c;aspx的上传程序没有影响1、先勾选IIS设置中的选项&#xff1a;IIS服务器属性&#xff0d;&#xff0d;&#xff1e;允许直接编辑配置数据库2、在服务里关闭iis admin service服务.3、找到windows\system32\inesrv\下的m…

用ssl加密apache服务器来建立连接加密网站

2019独角兽企业重金招聘Python工程师标准>>> ssl介绍: SSL&#xff08;Secure Sockets Layer&#xff0c;SSL&#xff09;是一种安全协议&#xff0c;在网景公司&#xff08;Netscape&#xff09;推出首版Web浏览器的同时提出&#xff0c;目的是为网络通信提供安全及…

windows server 2003 发布asp.net2.0网站流程及问题

aaa6263 windows server 2003 发布asp.net2.0网站流程及问题 问题&#xff1a; windows server 2003 发布asp.net2.0网站时&#xff0c;会遇到各种问题&#xff0c;整理如下&#xff0c;以备后用。 流程&#xff1a; 1.安装iis6.0 首先从网上下载iis6.0安装包&#xff0c;然后…

C# 通过WebService方式 IIS发布网站 上传文件到服务器

C# 通过WebService方式 IIS发布网站 上传文件到服务器 (2014-08-11 14:57:19) 转载▼标签&#xff1a; it 应用场景&#xff1a;要将本地的文件 上传到服务器的虚拟机上 网络环境&#xff1a;公司局域网&#xff08;如下图中第二种&#xff09; 开发环境&#xff1a;VS20…

11月门户网站日均覆盖数TOP10:央视网升至第六

IDC评述网(idcps.com) 12月10日报道&#xff1a;据国际统计机构Alexa公布的最新数据显示&#xff0c;在11月&#xff0c;门户网站日均覆盖数十强榜单中&#xff0c;最值得一提的是&#xff0c;央视网日均覆盖数猛增至10,078.3&#xff0c;环比上涨81.64%&#xff0c;排名随之攀…

Mysql在大型网站的应用架构演变

Mysql在大型网站的应用架构演变 原创文章&#xff0c;转载请注明&#xff1a; 转载自http://www.cnblogs.com/Creator/ 本文链接地址: Mysql在大型网站的应用架构演变 本文已经被多处转载&#xff0c;包括CSDN推荐以及码农周刊等等,阅读数超过50w,回流到我博客流量的还是比较少…