基于ECharts,JQueryUI的可拖拽数据展示web页面

最新推荐文章于 2024-08-19 23:03:45 发布

startAt24

最新推荐文章于 2024-08-19 23:03:45 发布

阅读量4.5k

点赞数 1

分类专栏： web前端文章标签： jquery ui web 布局

本文链接：https://blog.csdn.net/fengchu3415/article/details/79598737

版权

本文介绍了如何利用ECharts进行数据展示，并结合JQueryUI实现可拖拽布局的功能。ECharts作为强大的数据可视化库，与JQueryUI的Draggable、Droppable等功能结合，为web页面提供了交互式的数据展示方案。同时，Bootstrap用于页面的响应式布局。文章还提及了Sortable.js和Gridster.js作为替代选项，但因社区活跃度较低而未选用。

摘要由CSDN通过智能技术生成

基于ECharts,JQueryUI的可拖拽数据展示web页面

因近期工作需求，需要提供一个展示数据的web页面，同时需要提供灵活的布局，所以调研了ECharts及JQueryUI的一些功能，本文做一个简单的总结。

echarts是一个百度提供的一个开源的js库，主要用来做数据的展示工作，使用非常简单，并且提供了非常丰富的demo。例如下:

饼状图这里写图片描述

JQueryUI主要负责实现可拖拽布局，JQueryUI提供的功能有:(除了JqueryUI之外，还调研了Sortable.js 和 gridster虽然效果很酷炫，功能很全面(在拖拽布局方面比JqueryUI全面)，但是维护的人群比较少，最近的更新都是几个月前了，所以放弃了Sortable.js，以后有时间可以再重新看一下);