请选择 进入手机版 | 继续访问电脑版
查看: 184|回复: 0

史上最细的大屏教程,10分钟教你玩转大屏

[复制链接]

主题

帖子

0

积分

新手上路

Rank: 1

积分
0
发表于 2019-11-8 13:35:25 | 显示全部楼层 |阅读模式
本帖最后由 18512519185 于 2019-11-8 13:35 编辑

W-Max针对企业可视化大屏创建痛点,提供丰富专业酷炫的可视化大屏模板和强大的大屏编辑器,用户不依赖开发人员及设计师也可以做出专业级的可视化大屏。

今天,小编就手把手教你如何用W-Max创建一个专业酷炫的可视化大屏!



W-Max提供两种大屏创建方式:“按模板创建”和“自定义创建”。

一、基于模板创建

在万博DataVis左侧导航点击W-Max大屏,进入大屏创建页面,点击“创建大屏”选项,进入按模板创建界面。

W-Max内置专业的大屏模板,只需点击“创建”按钮创建大屏,在模板基础上更换自己的需要数据或者图表,整体设计风格沿用模板自身的风格。



W-Max提供多种行业大屏模板,包括网络安全、智慧物流、智慧医疗、智慧经济、智慧应急、智慧舆情等等。

二、自定义创建大屏


下图是W-Max大屏自定义大屏编辑器,编辑器左边是“图层编辑”和“大屏元素”栏中间是编辑区右边大屏基本属性配置和图表属性配置区

大屏编辑器界面

1. 图层管理
在图层管理栏,可以对大屏上的元素进行置顶、置底、上移、下移、锁定、编辑、隐藏、删除等操作。
图层编辑栏


2. 大屏元素创建

在“大屏元素”栏下,可以找到制作大屏所需的基础图表、3D图表、特殊图表、大屏图表、文字、视频、素材库、控件等元素。

大屏元素概览


  • 大屏图表

用户可以自由配置大屏的图表。W-Max可视化设计团队,根据数据可视化大屏展示特点进行创意设计,优化性能,开发出一套既具备酷炫视觉体验,又能清晰生动地展示数据含义及关系,凸显品牌价值和影响力的综合可视化大屏图表。

添加大屏图表



  • 大屏素材库

有个性化需求的用户,可以在素材库里面自由选择需要的素材。大屏素材库分为三类,包括边框、图形、元素,其中元素素材库与报告中的素材库一致。

边框素材库主要用来装饰图表或者模块,让大屏效果绚丽,层次分明



图形素材主要起到装饰作用,用途与边框素材一样


元素素材涵盖各行业,可用于标记点缀或者其他设计效果


  • 大屏界面基本属性调节

点击编辑器上方空白区域,弹出大屏基本属性配置栏,可以配置包括标题、分辨率、背景色、背景图片以及页面适应效果等。其中分辨率默认是1920*1080,用户可以按实际需求进行调整,也可以上传自定义的背景图片。



三、图表的运用和配置


图表的配置主要有常规、高级、数据、参数、下钻、联动等配置选项。

1. 常规用于配置图表的数据绑定以及位置、尺寸、透明度等。




2. 高级可以对图表样式进行个性化深度配置。

3. 数据配置图表的数据对接方式有静态数据、api、csv、数据库、数据源等。

  • 静态数据

静态数据以标准的json数据为主,这也是系统默认的图表数据加载方式,一般用户如果数据量不大,只是简单的小体量指标数据,可以用这种方式维护大屏图表的数据。静态数据修改后即时生效,可以对各图表指标数据进行修改调整。


  • api配置
如果用户有自己的数据处理系统,或者已经做了数据归集,如果再进行一次数据搬迁会带来很大的时间成本和人力成本,对于这些用户可自己实现数据输出,按具体图表制定合适接口直接在此配置即可。


  • csv

可以将从其他系统导出的指标数据,或数据分析工具分析后的结果数据导出为csv格式的数据存储方式。平台支持直接将csv文档数据导入作为静态数据的一种去使用,每次导入csv文件不能超过512k。



  • 数据库

平台支持数据库直连的方式对接用户的数据,目前支持的数据类型达十多种,数据库的种类在持续扩充中;直连数据方式需要用户自己编写sql拉取数据库中的数据;涉及到图表联动的场景,需要在sql 中增加过滤条件参数,参数设置与API中的设置方式一样


用户可以直接添加要对接的数据;数据库类型选择符合实际场景的数据库;添加后的数据库连接,无需再次添加,下次使用直接选择已添加的数据库连接即可


  • 数据源
支持W-Analytics数据分析的结果数据绑定,用户分析后的数据可以直接绑定到大屏图表上实现数据可视化。
用户在数据源处上传需要分析的数据


数据分析完成后,在大屏的数据源直接选择分析结果数据



4. 参数配置驱动图表下钻联动

选中要编辑的图表,切换到参数属性tab页面,可以看到图表绑定字段的参数设置,在这里给需要设置参数的字段输入一个变量名称,变量名称中不允许有特殊字符


参数设置完成后,如果该图表采用API方式对接用户数据,则在api编辑区域内按标准的接口参数传递方式编写

同样参数设置完成后,如果该图表采用数据库直连的方式对接用户数据,则在数据库sql编辑区域内按标准的SQL参数传递方式编写




四、预览分享大屏


W-Max在大屏列表中分别添加了“预览”和“分享”两个功能。


1. 预览

用户可以在“我的大屏”列表里面预览,也可以通过编辑器右上角的预览按钮预览制作完成的大屏。



2. 分享

用户可在“我的大屏”列表中通过“分享”功能将大屏发布出去。发布后可以复制分享的URL到大屏电脑的浏览器中,使用该链接即可打开已经制作好的大屏。






本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

热门推荐

史上最细的大屏教程,10分钟教你玩转大屏
史上最细的大屏教程,10分
​W-Max针对企业可视化大屏创建痛点,提供丰富专业酷炫的可视化大屏模板和强大的大屏
©2001-2018  Comsenz Inc.  Powered by©Discuz!   
快速回复 返回顶部 返回列表