# data-visualization :bar_chart:
可拖拽配置的可视化监控视图,易与扩展
目前只完成了拖拽组件的配置及组件的拖放与放大缩小,视图的预览功能。后面会增加单独组件的属性修改配置与添加后端
## 依赖组件及插件
- Element 用于搭建基本框架及部分拖拽组件的引用(图片、走马灯拖拽组件)
- v-charts 图形拖拽组件使用,因简化了echarts的配置,非常好使
- vue-charts 图形拖拽组件,当v-charts满足不了需求时使用,相当于原生的echarts
- echarts 原生echarts,上面两个图形组件都有依赖到,也可使用echarts自定义组件
- InteractJs 适用于现代浏览器的js拖放、调整大小的库
## 效果展示
### 配置视图
![image-20190707172317655](./md-img/image-20190707172317655.png)
### 视图预览(全屏)
![image-20190707172348251](./md-img/image-20190707172348251.png)
## 运行
- 把项目clone到本地
- 安装依赖
```
npm install
```
- 运行及查看
```
npm run serve
```
访问:localhost:8080/home
没有合适的资源?快使用搜索试试~ 我知道了~
数据可视化:数据可视化〜实现可拖拽数据可视化视图,数据获取配置
共54个文件
jpg:18个
vue:11个
js:10个
需积分: 43 8 下载量 122 浏览量
2021-02-05
00:37:36
上传
评论
收藏 1.23MB ZIP 举报
温馨提示
数据可视化 :bar_chart: 可拖拽配置的可视化监控视图,易与扩展 目前只完成了拖拽组件的配置及组件的合并与放大缩小,视图的预览功能。后面会增加单独的组件的属性修改配置并添加 依赖组件及插件 用于构造基本框架及部分拖拽组件的引用的元素(图片,走马灯拖拽组件) v-charts图形拖拽组件使用,因简化了echarts的配置,非常好使 vue-charts图形拖拽组件,当v-charts满足不了需求时使用,相当于原生的echarts echarts原生echarts,上面的两个图形组件都有依赖到,也可以使用echarts自定义组件 InteractJs适用于现代浏览器的js规模,调整大小的库 效果展示 配置
资源详情
资源评论
资源推荐
收起资源包目录
data-visulaization-master.zip (54个子文件)
data-visulaization-master
.github
workflows
nodejs.yml 478B
public
index.html 573B
favicon.ico 4KB
md-img
image-20190707172317655.png 322KB
image-20190707172348251.png 209KB
src
router
index.js 687B
pages
Home.vue 308B
DragBoard.vue 27KB
ShowView.vue 3KB
process.js 291B
main.js 1KB
visual.js 5KB
component_config_settings.js 3KB
request.js 2KB
components
DataCustomSlot.vue 1KB
DataCarousel.vue 2KB
DataTable.vue 1KB
DataText.vue 480B
DataView.vue 1KB
FieldRender.vue 10KB
DraggableItem.vue 3KB
App.vue 287B
constant.js 28KB
assets
images
pie.jpg 40KB
sankey.jpg 34KB
ring.jpg 41KB
line.jpg 48KB
scatter.jpg 34KB
gauge.jpg 44KB
heatmap.jpg 31KB
dataText.png 20KB
radar.jpg 69KB
histogram.jpg 41KB
dataCarousel.jpg 13KB
waterfall.jpg 28KB
tree.jpg 25KB
bar.jpg 45KB
dataTable.jpg 60KB
funnel.jpg 34KB
picture.jpg 7KB
candle.jpg 64KB
map.jpg 64KB
canvas.png 7KB
echarts-theme
theme.json 8KB
logo.png 7KB
data
map.js 13KB
china.json 76KB
babel.config.js 53B
CNAME 9B
README.md 1KB
vue.config.js 3KB
.gitignore 214B
package-lock.json 471KB
package.json 1KB
共 54 条
- 1
雯儿ccu
- 粉丝: 23
- 资源: 4587
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 各种字符串相似度和距离算法的实现Levenshtein、Jaro-winkler、n-Gram、Q-Gram、Jaccard index、最长公共子序列编辑距离、余弦相似度…….zip
- 运用python生成的跳跃的爱心
- 包括用 Java 编写的程序 欢迎您在此做出贡献!.zip
- (源码)基于QT框架的学生管理系统.zip
- 功能齐全的 Java Socket.IO 客户端库,兼容 Socket.IO v1.0 及更高版本 .zip
- 功能性 javascript 研讨会 无需任何库(即无需下划线),只需 ES5 .zip
- 分享Java相关的东西 - Java安全漫谈笔记相关内容.zip
- 具有适合 Java 应用程序的顺序定义的 Cloud Native Buildpack.zip
- 网络建设运维资料库职业
- 关于 Java 的一切.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0