首页 首页 大数据 查看内容

用于仪表盘项目的 7 个优秀 JavaScript 库

木马童年 2019-5-13 15:30 34 0

现在有很多各种各样的 JavaScript 库,但这里将介绍 7 个很优秀的可用于你下一个 JavaScript 项目的库。仪表盘是用于目标或业务流程的视觉指示工具,也用于切割杂乱无章的数据,从而分割出要点的重要工具。它可帮助 ...

现在有很多各种各样的 JavaScript 库,但这里将介绍 7 个很优秀的可用于你下一个 JavaScript 项目的库。

仪表盘是用于目标或业务流程的视觉指示工具,也用于切割杂乱无章的数据,从而分割出要点的重要工具。它可帮助评估信息,并及时做出正确的决定。实时可视化的仪表盘由图标、测绘图、图形符号,以及数据表格等组成。

目前有一些开源或商业的库用于创建仪表盘。在本文中,我们将会展示一些可帮助创建美观且可自定义的仪表盘的 JavaScript 库。

Gridster.js

http://dsmorse.github.io/gridster.js/#documentation

Gridster 是一个 jQuery 插件,可以从跨多个列的元素构建直观的可拖拽布局。

它可以让你从网格中动态添加或删除小部件,甚至可以获得一个具有所有小部件位置的对象的 JavaScript 数组,从而可以在以后使用这些数组来加载小部件。


用于仪表盘项目的 7 个优秀 JavaScript 库

angular-gridster

https://github.com/ManifestWebDesign/angular-gridster

这是一个用于 Angular JS 的格子状小部件的实现。它具有 jQuery gridster 插件等功能,也具有一些其他的功能。

它完全使用 Angular 指令重写,还可以使用 Angular 的数据绑定功能。

用于仪表盘项目的 7 个优秀 JavaScript 库

https://github.com/troolee/gridstack.js

gridstack.js 是一个用于小部件布局的 jQuery 插件,灵感来自 gridster.js。这是一个可拖放的多列网格,可让你构建可拖拽的响应式 Bootstrap v3 的友好布局。

它还适用于 knockout.js, angular.js 和触摸设备。


用于仪表盘项目的 7 个优秀 JavaScript 库

jQuery Gridly

https://github.com/ksylvest/jquery-gridly

Gridly 是一个 jQuery 插件,可用于拖放以及在网格中调整大小。


用于仪表盘项目的 7 个优秀 JavaScript 库

Packery

https://github.com/metafizzy/packery

Packery 是一个 JavaScript 库和 jQuery 插件,可用于生成无缝且可拖拽的布局。它使用 bin-packing 算法来填充空隙。

它适合用于创建一个可拖拽的仪表盘和无缝的 “砖石图像画廊” 布局。


用于仪表盘项目的 7 个优秀 JavaScript 库

GridList

https://github.com/hootsuite/grid

一个构建于 GridList 类之上的 jQuery 库,通过拖放功能将通用条目的位置转换为响应式的 DOM 元素。


用于仪表盘项目的 7 个优秀 JavaScript 库

Dazzle

https://github.com/Raathigesh/dazzle

Dazzle 是使用 ReactJS 用于构建仪表盘的库,它不依赖于任何前端库,这使得它更容易与前端库集成。

你可以使用它创建基于网格的布局,添加或删除小部件,以及拖放小部件。


用于仪表盘项目的 7 个优秀 JavaScript 库

结论

最后,你选择使用的库还是要考虑到个人的偏好以及你和你团队工作的类型。因此,选择符合项目需求的产品会帮助你节省时间和金钱。


在不久的将来,多智时代一定会彻底走入我们的生活,有兴趣入行未来前沿产业的朋友,可以收藏多智时代,及时获取人工智能、大数据、云计算和物联网的前沿资讯和基础知识,让我们一起携手,引领人工智能的未来!

数据可视化
0
为您推荐
大数据技术改变城市的运作方式,智慧城市呼之欲出

大数据技术改变城市的运作方式,智慧城市呼

纽奥良虽像大多数城市一样有火灾侦测器安装计划,但直到最近还是要由市民主动申装。纽…...

大数据分析面临生死边缘,未来之路怎么走?

大数据分析面临生死边缘,未来之路怎么走?

大数据分析开始朝着营销落地,尤其像数果智能这类服务于企业的大数据分析供应商,不仅…...

什么是工业大数据,要通过3B和3C来理解?

什么是工业大数据,要通过3B和3C来理解?

核心提示:工业视角的转变如果说前三次工业革命分别从机械化、规模化、标准化、和自动…...

大数据普及为什么说肥了芯片厂商?

大数据普及为什么说肥了芯片厂商?

科技界默默无闻的存在,芯片行业年规模增长到了3520亿美元。半导体给无人驾驶汽车带来…...

大数据技术有哪些,为什么说云计算能力是大数据的根本!

大数据技术有哪些,为什么说云计算能力是大

历史规律告诉我们,任何一次大型技术革命,早期人们总是高估它的影响,会有一轮一轮的…...

个人征信牌照推迟落地,大数据 重新定义个人信用!!

个人征信牌照推迟落地,大数据 重新定义个

为金融学的基础正日益坚实。通过互联网大数据精准记录海量个人行为,进而形成分析结论…...