README.md · myhyperf/简搭云可视化大屏设计器

## 🏆简搭云可视化大屏设计
集成有2万+的echart组件，全国地图，34个省，344个市，3020个区县的，全国41636个乡镇地图的GeoJson,引入dataV组件集成，canvas动画背景组件20个，可视化大屏设计器采用element ui框架开发的。

相比市面上面其它的可视化大屏设计器工具，该设计器的优点有：

1.界面风格仿写阿里的datav样式编写，界面大气，优美。

2.拥有2万+的echart组件，无需了解echart可以轻松做出各种统计报表图。

3.拥有全国41636个乡镇地图的GeoJson，全国乡镇地图网络上免费的是没有的，这里目前全部免费。

4.可视化大屏设计采用vue源码动态渲染，充分支持开发者的二次开发，为后期动态绑定数据统计提供扩展。

5.可视化大屏设计因为采用vue源码动态渲染，所以支持大屏设计本地下载，并提供了运行项目载体提供下载，将vue文件下载后可拷贝到运行项目中，就可以本地运行，就是离线运行了，与我的可视化大屏设计站点就没有任何关系了。

文档地址：[http://qifeng.321zou.com/](http://qifeng.321zou.com/)

预览地址：[http://bg.kyform.cn/](http://bg.kyform.cn/)

设计好的大屏设计预览效果

![输入图片说明](public/image2.png)

可视化大屏设计器界面效果

![输入图片说明](public/rrrr.png)

设计好的可视化大屏

![输入图片说明](public/image5.png)

全国地图，34个省，344个市，3020个区县的，全国41636个乡镇地图的GeoJson

![输入图片说明](public/image.png)

登录界面

![输入图片说明](public/QQ图片20230818193947.png)

## 🏆**大屏设计好的vue页面本地运行步骤**

- 第一步：下载本项目。

- 第二步 设计你想要的大屏效果，点击下图红色框位置进行下载

![输入图片说明](public/buzhou2image.png)

- 第三步 将vue页面拷贝到项目中，如下图位置：

![输入图片说明](public/disanbuimage.png)

- 第四步 配置路由，如下图：

![输入图片说明](public/disibuimage.png)

- 第五步：`npm install` 安装依赖  `npm run serve`离线运行项目效果如下：

![输入图片说明](public/yunxingxiaoguoimage.png)

![输入图片说明](public/bg.png)

![输入图片说明](public/QQ图片20230818193631.png)

![输入图片说明](public/QQ图片20230818193726.png)

![输入图片说明](public/QQ图片20230818193759.png)

![输入图片说明](public/test3.png)

## 🏆项目介绍

框架：基于 Vue2 框架编写，使用 element ui编写可视化表单设计器  jquery template 生成vue源码；

封装：集成非常多的组件，素材资源文件达到2G

预览：以vue源码预览，扩展性更强，也可导出离线部署。

## 🏆交流
- QQ群 109434403（1群 已满）
- QQ群 467810261（2群）
- qq联系人：329175905
微信号： 18670793619
扫一扫加好友

| 微信                                                              | qq                                                                    | qq群                                                                    |
|------------------------------------------------------------------|------------------------------------------------------------------------|------------------------------------------------------------------------|
|<img src="https://oscimg.oschina.net/oscnet/up-582fc3f0b0152879dffdc0e9302b85e8a95.png" width="300" height="180px"  alt="微信"/><br/> | ![](https://oscimg.oschina.net/oscnet/up-933f0fcf9c91152aa625b06ee857f11d3f2.png) | ![](public/up-3688b49bd44df9757c3c6162d36b1f15a69.webp) |

myhyperf/简搭云可视化大屏设计器

简介

发行版

贡献者

近期动态

myhyperf/简搭云可视化大屏设计器 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

myhyperf/简搭云可视化大屏设计器