可视化大屏创建

Data MAX支持用户在预设模板或者内置组件的支撑下,便捷的创建一个或者多个大屏,并支持对大屏进行分组管理。

1 设计面板

Data MAX拥有基于浏览器的大屏可视化设计器,从新建大屏到配置,全程只需通过鼠标点击、选择、拖拽即可,且每一步都具有可视化操作界面和丰富的可配置选项。其灵活的设计、自由的调整方式,帮助用户轻松完成大屏制作和属性配置,实现面向用户的数据可视化平台搭建。

2 风格模板

Data MAX预置了诸多不同风格、不同类型的大屏模板,每个模板都是一个标准风格包,里面自带:整体场景、图表资源、配色样式、位置布局、Demo数据、动效属性等,用户可直接按需调用预置的模板进行更改,快速生成新的大屏页面。

同时,Data MAX还支持通过定制服务的方式,将后续设计的全新大屏制作成新的大屏模板放入风格包,丰富模板内容的同时可应用于后续大屏设计。

当然用户也可以从零开始设计大屏,系统提供了空白模板供用户自由配置,用户可结合实际情况充分展示设计能力。
 

3 预制组件库

DataMAX可视化拓展制作能力十分强大,提供丰富且不断完善的可视化设计组件,在大屏编辑的时候,用户可以从组件栏里自由选择各类组件,拖拽到右侧设计区进行页面配置和布局设计,满足不同风格以及不同内容类型的展示需要。

系统内置的常用组件分为基本组件、地图组件、高级组件、文字内容、辅助图形等。

以下组件列表为1.2版本的组件库清单,组件数量和类型根据项目需求与版本升级在不断扩充中:

(1)基本组件包含:彩色柱图、基本柱图、基本条图、进度环图、彩色条图、堆积条图、双轴图、正负条图、折线图、进度条图、环图、雷达图、散点图、气泡图、词云、水球图、仪表盘、填充气泡图、带标线折线图、关系网络、玫瑰图、玉玦图、时间轴、对比条图、状态灯、LOGO墙、饼图、堆积柱图、时间筛选器、斑马柱图、开关;
 

(2)地图组件包含:2D中国地图、3D地图、GIS 3D地图等;

 
(3)高级组件包含:TAB组件、按钮、按钮式单选、下拉式单选、下拉菜单、组织架构图、方块状态监控、设备状态监控、状态图片、状态回传组件、iframe组件等;

 
(4)文字内容包含:单行文本、多行文本、多值过滤文本、数字图、正负指标图、轮播列表、轮播列表条、表格、TOP列表、跑马灯、状态文本、日期时间、通知组件等;

 
(5)辅助图形包含:图片、背景块、圆形组件、边框、基本线、装饰线、轮播图等;

 
4 大屏编辑操作

Data MAX支持用户在大屏编辑界面中对组件进行调用、拖动、复制、删除等操作,并支持用户批量管理这些组件,例如组件组合、组件多选等进一步的操作。

►    组件多选:鼠标左键框选,可以选中多个组件,并可以将多个组件从一个位置统一拖动到另外一个位置,调整布局方便。
 

►    组件组合:支持用户对多个组件进行组合,以便进行统一操作。具体方式为:鼠标框选,或者通过“Ctrl+鼠标点击”,选中多个组件,点击右键即可弹出功能菜单,进行组件组合。

 
►    区域缩放:Data MAX支持大屏区域自动缩放,以确保内容得到最佳显示效果;此外,用户还可自行调整大屏显示比例,调整后取消自动缩放功能;若要再次自动缩放,点击复选框即可。

 

►    大屏属性设置:在编辑界面的右上角,点击“大屏设置”选项,可以进行名称、尺寸、背景等设置。

 

5 组件属性配置

DataMAX大屏看板支持极细致粒度的可视化属性配置、样式配置、数据配置、交互配置,可很快实现大屏或组件的颜色、背景、大小、位置、动画、数据、交互方式等内容的修改与调整,优化大屏效果。常规属性配置项如下:

►    组件属性设置:单击组件任一位置,即可选中该组件,在右侧可以对组件进行属性、交互、动画、数据的设置。其中Data MAX支持为组件设置弹窗-带条件交互,通过该交互方式,点击组件中的数据,可显示该类对应数据的明细内容;支持可选弹出屏或外部链接、可选跳转到大屏或外部链接等,可选择点击放大当前屏内的某个组件。通过配置动态交互,可实现跳转分析钻取功能,钻取参数可配置,参数类型支持数据项、参数、常量等,用户可对关心的指标数据层层穿透下钻,直至业务细节。钻取参数可配置,参数类型支持数据项、参数、常量等。

 
►    图表数据配置:用户可以选择是接入静态数据还是接口数据,如果选择的是接口数据,需要进行相应的数据配置。

 
►    组件右键菜单:右键单击组件任一区域,会弹出操作菜单,用户可以选择将组件置顶、置底、复制,或是删除。



    组件扩张配置:所有组件均可以定义自己独有的个性化扩展配置,可配置项示例如下: