mounted(){ this.myChartTodayIn = echarts.init(document.getElementById('todayInInfo')) this.showEchartTodayIn() window.addEventListener('resize',this.handleResize) //主要是需要监听窗口的大小 } beforeDestroy() { window.removeEventListener('resize', this.handleResize);//在销毁组件前把监听事件也移...
项目采用的是Vue+Echanrts+datav写的,结构目录如下: 由于只是一个单一页面,数据处理也不是复杂,没有涉及到router和vuex,从结构目录上看就是一个很典型的vue-cli项目,在之前我也讲过关于vue-cli项目的一些操作和目录结构解释,这里就不做多做说明了,在文章最后会提供该项目的源码地址库。 大屏主要的炫酷效果本人引...
基于vue、element-ui、webpack、百度Echart、高德地图vue-amap、datav、vue-i18n等技术的大屏数据看板。 实现数据动态刷新渲染、屏幕适应、内部图表组件化自由替换、与后台交互等功能模块。 项目需要全屏展示(按F11查看完整)。 现在以简单的位置区域来命名的文件,可根据自身业务命名。 内部封装element表格组件与搜索组件,...
1.界面风格仿写阿里的datav样式编写,界面大气,优美。 2.拥有2万+的echart组件,无需了解echart可以轻松做出各种统计报表图。 3.拥有全国41636个乡镇地图的GeoJson,全国乡镇地图网络上免费的是没有的,这里目前全部免费。 4.可视化大屏设计采用vue源码动态渲染,充分支持开发者的二次开发,为后期动态绑定数据统计提供扩展。
酷炫可视化控件 直接拖拽成型 ThingJS+DataV早已实现3D可视化的扩展合作，让大家的视野也能够靠近3D世界一点...
有没有类似DataV开源库？DataV可以实现前端可视化组件自定义拖拽？我自己仿阿里写了一个基于vue的组件库 ...
import 'element-ui/lib/theme-chalk/index.css'; import dataV from '@jiaminghi/data-view' Vue.use(ElementUI); //部分图标使用 element-ui Vue.use(dataV) //全局启用 dataV Vue.prototype.$echarts=echarts //将echarts挂载到Vue原型上,全局可使用this.$echarts 调用 ...
前端依赖:Vue、Element UI2.0、JqueryTemplate、codemirror、html2canvas、monaco、@jimnghi/data-view、echarts、flv、mapboxgl、file-saver 后端依赖:Spring Boot、Spring Security、 Jwt、Mybatis 技术优势 框架:基于 Vue2 框架编写,简单更容易上手 渲染:以vue2源码渲染,只要符合vue2语法就能渲染,能在线编辑逻辑代码...
项目地址:vue-big-screen点击这里一、项目描述 1,一个基于vue、datav、Echart框架的"数据大屏项目",通过vue组件实现数据动态刷新渲染,内部图表可实现自由替换。部分图表使用DataV自带组件,可进行更改,详情请点击下方DataV文档。 2,项目需要全屏展示(按F11)。 3,项目部分区域使用了全局注册方式,增加了打包 ...
增加嵌入报表TOKEN方式,优化编辑界面,优化连接池选择 v3.9.9.18 修复vue bug, 增加elementUI支持, 优化DataV开发体验 v3.9.9.24 模板开发界面增加编辑功能,自动建立数据集,新增数据集测试功能,Echarts升级到5.2 v3.9.9.25 增加变更未保存提示,数据集选择执行,优化保存模板重复提交的问题 v3.9.9.28 Admin适配UI, 资源...