大屏可视化编辑器_可视化大屏不会做,来套教学视频怎么样?(附免费工具)...

对于工业领域的广大用户和管理者来说,查看设备指标参数、了解实时工况信息,是进行工业设备运行分析进而开展智能化工业管控的根本前提。

这个时候,你需要一个可视化大屏。借助图形化的手段,清晰有效地传达工况信息。云视界简洁易懂的操作界面搭配全套教学视频,从界面组件到连接数据源,手把手教你做大屏。一起学起来吧!

云视界介绍

3754275382778ea06f49e630a692b9a5.png

云视界,是服务于工业领域设备后市场的云端可视化工具平台,用户可以根据个性需求自由配置设计页面,实现根云平台的前后端功能与服务的集成。云视界图形可视化、产品轻量化,以主动直观的可视化图表动效,展示设备指标参数、工况统计信息、远程监控页面、综合管理大屏等工业管理界面,形式友好、角度多样、通用性强、适应面广。

9ba4bcb799565e047726508e2c81b564.png

云视界图文教程

创建项目

方式一:先命名项目,再选择创建类型

a6c3b56cd0be81ce9c83251f4b2b6ec2.gif

步骤1:点击“创建项目”按键,弹出“创建新项目”对话框。

步骤2:为项目命名。

步骤3:选择创建类型,网页大屏二选一。

步骤4:点击“创建”按钮,完成项目创建。或点击“取消”放弃创建。

方式二:先预览模板,再应用到项目中

c43848f843317c374690a8e2213a00c8.gif

步骤1:从“工具市场”选择模板进行预览。

步骤2:点击页面右上方“使用”按键进行项目创建。

步骤3:在弹窗中命名项目,确定模板。

步骤4:点击“创建”按钮,完成项目创建。

可视化设计准备

素材准备:

4fa045dd668dd89235ddc057b59528be.png

用户可在系统首页的“资源库”模块进行个人素材的上传和管理。已上传的个人素材,会出现在可视化编辑器导航栏的个人素材库中。

数据源准备:

86c4844db3d72e46b88076d2b6d2b5e9.png

云视界已经准备好由统一运营平台中采集到的设备数据,在设计页面的时候选择数据源配置给相应组件即可。如果用户要使用的是其他数据源,也可在首页的“数据源”模块进行接入和上传。

可视化编辑器

编辑器整体介绍:

5bc107641f8f33b0ad78108cbec49d85.png

编辑器按照页面区域可划分为:导航栏、组件工具栏、属性/数据源编辑区、画布区域。

组件工具栏

7c4c8c00273b695a88518d9c712dcc6f.png

组件是数据可视化的图形化载体,通过选择不同的组件,设备数据可以呈现多种展现方式。

通过设置组件的属性和数据连接,即可制作出一个可视化大屏。

云视界教学视频

931c350c5876deffbdb0513f2cd61150.png

点击云视界首页左侧边栏—“帮助”—“帮助视频”

图文教程没有看够?没关系,更详细的全套教学视频已在云视界上线。时长210余分钟,包含创建、预览、发布、以及所有组件的属性设置和数据连接……在首页左侧边栏中点击“帮助”模块下的“帮助视频”按钮,便可查看学习。

1d23cb471948ed0b9478f1f84a3f3aff.gif

加字幕的高清教学视频

0501a70003c1182a010166b24fd3ba11.png

教学视频列表

14052e41c4c76ac538a718df825821f8.png

1df21be6e32c88495f989da8886967ff.gif

点击 免费注册 使用云视界

超级大屏幕 查看更多关于 超级大屏幕 的文章 具有开幕墙、闭幕墙、消息墙、抽奖、签到、嘉宾展示、抢红包功能,利用开幕墙对整个活动的展示介绍、也适合活动进行中的间歇时间、消息墙可以再等待和互动的时候,让员工发布消息,是一款非常流行的微信大屏幕系统。 重要说明:付费报名模式目前只支持开通微信支付的服务号。 1、本模块支持开幕墙、闭幕墙、消息墙、二维码扫描墙、3D签到墙(支持logo签到和文字签到)(4种展示效果)、多奖品切换现场抽奖、酷炫互动疯狂抢红包、嘉宾墙等,后续将再新增多个墙,敬请期待; 2、每个大屏幕都支持自定义背景、和背景有音乐功能,购买的客户将免费赠送背景素材包; 3、现场抽奖奖品支持同时设置多个奖品,并且可以设置每个奖品的顺序,方便根据奖品价值安排抽奖顺序,奖品支持实物和红包(); 4、抢红包奖品支持实物、微信卡券、红包等,支持自定义奖品数量、概率等; 5、抢红包支持设置每个人最多中奖次数、超过了就不会再中奖了; 6、抢红包活动支持设置赞助商广告,粉丝的中奖提示页面会弹出赞助广告; 7、抢红包活动支持多波活动举办,支持一波活动结束后直接重置,之前中奖的数据不会被清空,后台和中奖者手机端都可以看到并且兑换红包。 8、红包奖品支持直接发送和提现两种模式,方便大额红包奖励。 9、3D签到墙支持4种展示方式,前后台都可以自由切换,手机端签到可以支持是否需要填写个人信息,个人信息支持填写姓名、手机、公司/职位等; 10、大屏幕支持设置密码才能访问的功能; 11、消息墙支持开启是否需要消息审核的功能,支持同时发生消息和图片的功能,并且支持图片再显示的时候是否自动放大功能。 12、后台支持自定义活动流程说明,方便参与者再手机端直接查看活动流程。 13、支持开启和关闭强制关注才能参与活动的功能; 14、自带LBS限制地区功能,可以设置参与人的地区范围; 15、本模块只支持认证服务号使用(使用红包功能必须开通微信支付),其他非认证服务号的可以借用权限(借用权限的账号无法使用卡券功能);
你可以使用React和DataV来构建可视化大屏编辑器。React是一个用于构建用户界面的JavaScript库,而DataV是一个由阿里巴巴开发的数据可视化工具,可以帮助你快速创建交互式的大屏展示。 下面是一些步骤,可以帮助你开始构建这样的编辑器: 1. 安装React:使用npm或yarn安装React库。可以通过以下命令进行安装: ``` npm install react ``` 2. 创建React应用:使用create-react-app等工具创建一个新的React应用。运行以下命令: ``` npx create-react-app datav-editor ``` 3. 安装DataV:使用npm或yarn安装DataV库。可以通过以下命令进行安装: ``` npm install @antv/data-set npm install @antv/g2 ``` 4. 创建可视化大屏编辑器组件:在React应用中创建一个新的组件,用于展示和编辑可视化大屏。你可以使用DataV提供的图表组件和数据集处理功能来实现可视化效果。 5. 编辑器功能实现:为编辑器组件添加一些功能,比如增加、删除、移动和调整可视化组件的位置和大小等。你可以使用React的状态管理来保存和更新编辑器状态。 6. 保存和导出:实现保存和导出编辑器中的可视化大屏配置。你可以使用浏览器的本地存储或将配置保存到后端服务器。 7. 预览和发布:添加预览功能,让用户可以在编辑器中实时查看可视化大屏的效果。并实现发布功能,将编辑好的可视化大屏展示给其他用户。 以上是一个简单的步骤,可以帮助你开始构建React和DataV的可视化大屏编辑器。当然,具体的实现还需要根据你的需求进行调整和扩展。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值