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

幸运
185
文章
0
评论
三月 10, 202014:09:41 评论 119 1371字阅读4分34秒

 

如今有许多各式各样的 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 库

gridstack.js

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 库

结论

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

本文来源于:用于仪表盘项目的 7 个优秀 JavaScript 库-幸运草博客
特别声明:以上文章内容仅代表作者本人观点,不代表幸运草博客观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与幸运草联系。

  • 本站QQ群
  • weinxin
  • 捐赠本站
  • weinxin
jquery中cookie用法介绍 jQuery

jquery中cookie用法介绍

cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题: ...
jQuery事件:bind、delegate、on的区别 jQuery

jQuery事件:bind、delegate、on的区别

「内容简介」本文详解各种jQuery事件绑定方法:on,bind,delegate,live,unbind,trigger。 同时总结一下常用的jQuery事件技术:如何阻止事件冒泡、阻止浏览器默认行...
jQuery入门讲解-jQuery样式操作 jQuery

jQuery入门讲解-jQuery样式操作

css 操作 通过css()的方法设置或者获取样式,无论样式属性是从外部导入的,还是直接写在HTML标签里面的,css()方法都可以获取到。。 1、设置单个样式: 2、设置多个样式: 操作多个样式的时...
Jquery Notes jQuery

Jquery Notes

1.什么是jQuery 2.如何使用jQuery 3.查找元素 1.什么是jQuery jQuery是第三方开发的执行DOM操作的极简化的函数库 第三方:下载 执行DOM操作:jQuery还是执行DO...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: