数据可视化:数据可视化〜实现可拖拽数据可视化视图,数据获取配置

上传者: 42144554 | 上传时间: 2023-02-26 00:03:54 | 文件大小: 1.23MB | 文件类型: ZIP
数据可视化 :bar_chart: 可拖拽配置的可视化监控视图,易与扩展 目前只完成了拖拽组件的配置及组件的合并与放大缩小,视图的预览功能。后面会增加单独的组件的属性修改配置并添加 依赖组件及插件 用于构造基本框架及部分拖拽组件的引用的元素(图片,走马灯拖拽组件) v-charts图形拖拽组件使用,因简化了echarts的配置,非常好使 vue-charts图形拖拽组件,当v-charts满足不了需求时使用,相当于原生的echarts echarts原生echarts,上面的两个图形组件都有依赖到,也可以使用echarts自定义组件 InteractJs适用于现代浏览器的js规模,调整大小的库 效果展示 配置

文件下载

资源详情

[{"title":"( 54 个子文件 1.23MB ) 数据可视化:数据可视化〜实现可拖拽数据可视化视图,数据获取配置","children":[{"title":"data-visulaization-master","children":[{"title":".github","children":[{"title":"workflows","children":[{"title":"nodejs.yml <span style='color:#111;'> 478B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"index.html <span style='color:#111;'> 573B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"md-img","children":[{"title":"image-20190707172317655.png <span style='color:#111;'> 322.41KB </span>","children":null,"spread":false},{"title":"image-20190707172348251.png <span style='color:#111;'> 209.05KB </span>","children":null,"spread":false}],"spread":true},{"title":"src","children":[{"title":"router","children":[{"title":"index.js <span style='color:#111;'> 687B </span>","children":null,"spread":false}],"spread":true},{"title":"pages","children":[{"title":"Home.vue <span style='color:#111;'> 308B </span>","children":null,"spread":false},{"title":"DragBoard.vue <span style='color:#111;'> 26.99KB </span>","children":null,"spread":false},{"title":"ShowView.vue <span style='color:#111;'> 3.36KB </span>","children":null,"spread":false}],"spread":true},{"title":"process.js <span style='color:#111;'> 291B </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 1.16KB </span>","children":null,"spread":false},{"title":"visual.js <span style='color:#111;'> 4.75KB </span>","children":null,"spread":false},{"title":"component_config_settings.js <span style='color:#111;'> 2.58KB </span>","children":null,"spread":false},{"title":"request.js <span style='color:#111;'> 2.39KB </span>","children":null,"spread":false},{"title":"components","children":[{"title":"DataCustomSlot.vue <span style='color:#111;'> 1.38KB </span>","children":null,"spread":false},{"title":"DataCarousel.vue <span style='color:#111;'> 2.27KB </span>","children":null,"spread":false},{"title":"DataTable.vue <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"DataText.vue <span style='color:#111;'> 480B </span>","children":null,"spread":false},{"title":"DataView.vue <span style='color:#111;'> 1.48KB </span>","children":null,"spread":false},{"title":"FieldRender.vue <span style='color:#111;'> 9.92KB </span>","children":null,"spread":false},{"title":"DraggableItem.vue <span style='color:#111;'> 2.59KB </span>","children":null,"spread":false}],"spread":true},{"title":"App.vue <span style='color:#111;'> 287B </span>","children":null,"spread":false},{"title":"constant.js <span style='color:#111;'> 27.63KB </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"images","children":[{"title":"pie.jpg <span style='color:#111;'> 39.67KB </span>","children":null,"spread":false},{"title":"sankey.jpg <span style='color:#111;'> 34.43KB </span>","children":null,"spread":false},{"title":"ring.jpg <span style='color:#111;'> 41.29KB </span>","children":null,"spread":false},{"title":"line.jpg <span style='color:#111;'> 48.29KB </span>","children":null,"spread":false},{"title":"scatter.jpg <span style='color:#111;'> 34.45KB </span>","children":null,"spread":false},{"title":"gauge.jpg <span style='color:#111;'> 44.00KB </span>","children":null,"spread":false},{"title":"heatmap.jpg <span style='color:#111;'> 30.93KB </span>","children":null,"spread":false},{"title":"dataText.png <span style='color:#111;'> 19.88KB </span>","children":null,"spread":false},{"title":"radar.jpg <span style='color:#111;'> 69.46KB </span>","children":null,"spread":false},{"title":"histogram.jpg <span style='color:#111;'> 40.99KB </span>","children":null,"spread":false},{"title":"dataCarousel.jpg <span style='color:#111;'> 13.42KB </span>","children":null,"spread":false},{"title":"waterfall.jpg <span style='color:#111;'> 28.14KB </span>","children":null,"spread":false},{"title":"tree.jpg <span style='color:#111;'> 25.43KB </span>","children":null,"spread":false},{"title":"bar.jpg <span style='color:#111;'> 44.64KB </span>","children":null,"spread":false},{"title":"dataTable.jpg <span style='color:#111;'> 60.14KB </span>","children":null,"spread":false},{"title":"funnel.jpg <span style='color:#111;'> 33.81KB </span>","children":null,"spread":false},{"title":"picture.jpg <span style='color:#111;'> 7.31KB </span>","children":null,"spread":false},{"title":"candle.jpg <span style='color:#111;'> 63.50KB </span>","children":null,"spread":false},{"title":"map.jpg <span style='color:#111;'> 64.17KB </span>","children":null,"spread":false}],"spread":false},{"title":"canvas.png <span style='color:#111;'> 6.72KB </span>","children":null,"spread":false},{"title":"echarts-theme","children":[{"title":"theme.json <span style='color:#111;'> 7.87KB </span>","children":null,"spread":false}],"spread":false},{"title":"logo.png <span style='color:#111;'> 6.69KB </span>","children":null,"spread":false}],"spread":false},{"title":"data","children":[{"title":"map.js <span style='color:#111;'> 13.39KB </span>","children":null,"spread":false},{"title":"china.json <span style='color:#111;'> 76.09KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"babel.config.js <span style='color:#111;'> 53B </span>","children":null,"spread":false},{"title":"CNAME <span style='color:#111;'> 9B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"vue.config.js <span style='color:#111;'> 2.83KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 214B </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 470.90KB </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.15KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明