请选择 进入手机版 | 继续访问电脑版

设为首页 收藏本站
思科社区 关注
思科社区

搜索
热搜: 邮件服务器
查看: 426|回复: 1

【原创】数据可视化的十种最佳JavaScript图表库(1)

[复制链接]
发表于 2020-11-11 19:30:18 | 显示全部楼层 |阅读模式

引言:网上有许多具有不同特点的JavaScript图表库资源,本文列举了十种能够实现数据可视化最佳JS库,供您参考。
如今,随着我们身体各类数据的指数级增长,人们需要接受的信息量越来越大,系统必须处理的难度也就是越来越高。而这些正是我们需要通过交互式图表和仪表盘,来实现数据可视化的根本原因。在大幅节省用户的时间和精力的同时,此类可视化方式不但需要能够对数据进行分析与解读,而且应当能够基于海量数据做出正确且明智的决策。
现在,网上有许多JavaScript类型的图表库资源。它们功能不同,且各有优、缺点。为了让您能够轻松地进行挑选,我在此准备了十种既被可用于创建基本的图表,又能够处置各种特定数据可视化任务的最佳JS库。下面,就让我们一起来了解一下它们的主要特点和相关资源吧。
amCharts

当您需要一个简单且灵活的数据可视化解决方案时,amCharts便是一种非常实用的JavaScript图表库。
主要特点
u  包含地图和甘特图等多种类型的图表。
u  具有友好的交互式选项和深入分析的功能。
u  其文档虽然涵括了所有基本的方法,但是在我看来,它们在使用上并不方便。
u  具有引人入胜的图表动画。
u  可以与ReactAngularVueEmber相集成。
u  具有WordPress插件。
u  可导出为图像或PDF文件。
u  提供实时图表,以及完全自定义的、且被W3C认可的辅助功能。
u  为注册用户提供优先且全面的支持。
u  客户群:MicrosoftAmazoneBayNASASamsungYandex、以及ATT等。
定价
虽然可以被免费地用于各种用途,但是所有生成的图表都会包含一个小小的品牌链接。若要删除该链接,则需购买付费许可证(180美元起)。同时,您也将为此获得对于该产品的优先支持。
更多信息
u  官方网站:http://amcharts.com/
u  文档:http://amcharts.com/
u  下载链接:http://amcharts.com/download
AnyChart

作为一款轻量级的JS图表库,AnyChart不但功能丰富,而且具有SVG/VML(译者注:可缩放矢量图形和矢量可标记语言)呈现功能。实际上,它为Web开发人员提供了创建不同类型图表的绝佳机会。这些图表都有助于数据的分析,以及以数据为驱动所做出的决策。去年,DZone.comAnyChart列入了最佳JavaScript数据图表库之一。
主要特点
u  提供超过80多种JS图表类型,包括:基本图表、股票图表、地图、甘特图、以及PERT图表等。
u  提供多种设置数据的方法,包括:XMLJSONCSVJS APIGoogle表格和HTML表格。
u  能够深入查看图表中的数据。
u  提供库存技术分析指标,以及开箱即用的绘图工具。
u  提供丰富的文档、API和友好的技术支持。
u  可以与AngularQlikOracle APEXReactElasticsearchVue.jsAndroid、以及iOS等相集成。
u  提供各种样本与仪表盘,以及具有代码自动完成功能的专用playground
u  支持各种旧的浏览器。
u  能够将图表导出为各种格式,包括:PDFJPGPNGSVG图像、XSLXCSV文件类型的数据。
u  客户群:OracleMicrosoftCitiSamsungNokiaAT&TFordVolkswagen、以及Lockheed Martin等。
定价
提供免得的带水印版本。如果想去掉logo,或是将AnyChart用作商业目的,则必要购买许可证(49美元起)。
更多信息
u  官方网站:https://www.anychart.com/
u  文档:https://docs.anychart.com/
u  下载链接:https://docs.anychart.com/
Chart.js

Chart.js是一款备受网页设计与开发人员欢迎的,简单且灵活的JavaScript数据图表库。对于那些不需要大量图表与自定义功能,却又希望其图表看起来清晰整洁、且信息量丰富的用户来说,这是一个非常好的基本性解决方案。
主要特点
u  支持8种图表类型,即:线、面积、条形图、饼图、雷达图、极坐标图、气泡图和散点图。
u  所有的图表类型都可以被自定义、添加动画、并以响应式,被在线使用。
u  可以通过插件来扩展其功能。
u  具有优质的文档。
u  Stack Overflow(译者注:著名的程序开发技术问答网站)提供支持。
u  支持IE9及以上的浏览器。
定价
它是一款根据MIT许可证发布的,免费开源的JS图表库。
更多信息
u  官方网站:https://www.chartjs.org/
u  文档:https://www.chartjs.org/docs/
u  下载链接:https://github.com/chartjs/Chart.js/releases/latest
Chartist.js

Chartist虽然是一款不太引人注目的开源JS库,但是它能够被用来创建漂亮的响应式图表。因此,它对于那些需要极简式图表(如:线条、条形图或饼图)、且对于数据可视化要求不高的用户来说,非常实用。正所谓“一美遮百丑”,凭借着其漂亮的图表显示,它的其他功能倒是被弱化了。
主要特点
u  只支持三种图表类型:直线图、条形图和饼图。
u  具有强大的动画效果。
u  API文档包含了所有必要的信息,但是该文档的可读性不强,需要长时间滚动鼠标中键,才能定位到检索的内容。
u  允许用户通过插件来扩展其功能。
u  将来会兼容、并可使用SVG来绘制图表。
u  支持各种旧的浏览器。
定价
开源并可免费使用。
更多信息
u  官方网站:https://gionkunz.github.io/chartist-js/
u  文档:https://gionkunz.github.io/chartist-js/getting-started.html
u  下载链接:https://github.com/gionkunz/chartist-js/tree/develop/dist
D3.js

D3.js是一款功能强大的,可用于数据可视化任务的JavaScript库。目前,它已在GitHub上被fork(复制)了20,000多次。不过,D3更像是一个框架,而不是图表库。为了让用户方便使用,它提供了许多实用的资源,并能够将各种手稿转化为可视化的图形。
主要特点
u  与诸如Voronoi之类的多数JavaScript图表库相比,它能够支持更为广泛的图表类型。
u  它的学习曲线比较陡峭。虽然其文档不及上述提到的商用AnyChart那样清楚易学,但是它带有许多教程和各种不错的API
u  能够将强大的可视化组件、与数据驱动方法,结合到DOM的操作之中。
u  能够使用浏览器内的元素检查器,以实现轻松的调试。
u  带有数以百个的范例。
u  具有曲线生成函数的功能。
u  支持拖放。
定价
开源并可免费使用。
更多信息
u  官方网站:http://d3js.org/
u  文档:https://github.com/d3/d3/wiki
u  下载链接:https://github.com/d3/d3/releases/latest/
FusionCharts

FusionCharts是一款不错的交互式图表库,它带有数百个开箱即用的图表。这些图表不但接受JSONXML数据格式,而且能够通过HTML5/SVGVML予以呈现。
主要特点
u  提供数十种2D3D类型的图表,以及950多种地图。
u  以动画和完全交互的方式,提供图表和地图。
u  提供ASP.NETPHPRuby on Rails类型的服务器端API
u  兼容jQueryAngularPHPASP.NETReact NativeDjangoReactRuby on Rails、以及Java等语言工具。
u  具有非常详细的用户指南和API参考文档。
u  提供各种可用于检测的样品和仪表盘。
u  支持各种旧的浏览器。
u  可导出为PNGJPGPDF格式。
u  通过知识库和社区论坛提供技术支持。
u  给许可证用户提供不受限的优先支持。
u  客户群:AppleIBMGoogleIntelMicrosoftPayPalOracle、以及Adobe等。
定价
可免费用于非商业用途;若要于商业用途,则售价为497美元起。
更多信息
u  官方网站:https://fusionchart.com/
u  文档:https://www.fusioncharts.com/dev
u  下载链接:https://www.fusioncharts.com/download

  • 1
  • 2
  • 3
  • 4
  • 5
  • 1
  • 2
  • 3
  • 4
  • 5
平均得分0 (0 评价)
发表于 2020-11-17 10:48:52 | 显示全部楼层
好文,赞一个。
  • 1
  • 2
  • 3
  • 4
  • 5
  • 1
  • 2
  • 3
  • 4
  • 5
平均得分0 (0 评价)
您需要登录后才可以回帖 思科 CCO 登录 | 思科 CCO 注册   

本版积分规则

Archiver | 思科社区  

GMT+8, 2020-12-2 17:57 , Processed in 0.093925 second(s), 30 queries .

京ICP备11014401号-17

© 2020 思科系统.版权所有 重要声明 | 保密声明 | 隐私权政策 | 商标 |

快速回复 返回顶部 返回列表