只要10分钟,教你配置出炫酷的数据可视化大屏( 二 )


2.全局样式
也就是其中双轴图的各种参数,比如字体样式,“边距”则是双轴图在复选框内的位置坐标 。最后是“柱子样式”,比如是否堆积,宽度占比、柱体间隙、柱体的棱角圆角值,还有背景色等 。

只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
3.数据样式
这里指其中图表内每个项目柱体的形状与颜色,比如框内填充色、边框色还有边框粗细等参数的调整;
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
由于是双轴图,所以除了柱状图的各种参数设置,还有折线图的参数设置,比如折线颜色、粗细、阴影大小和颜色、是否平滑、是否显示各种数据点、点的直径、颜色等各种参数的数值等 。
4.柱体数值
这里主要指的是图表中各数据值是否显示、文本样式、还有格式等参数设置,比如数值格式里又可勾选“缩写方式”、“显示格式”、“小数点位数”等等,主要方便更容易识别图表的具体数据 。下面的折线数值也是一样 。
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
5.坐标轴
坐标轴的参数设置主要有“是否显示”坐标轴、文本样式、坐标轴和文字间距、轴线参数、还有网格线、刻度线等这种细节参数的设置 。
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
这里需要注意的是还有一个参数设置如“缩略轴”,当数据较多时,或者数据随时间变化时,而我们只想看到最近3天或者一周的数据时,可以勾选“缩略轴”显示,然后设置起始的位置和长度,即可显示想要呈现的数据 。Y轴与X轴一样 。
6.图例
任何数据图表都需要有图例,因为没有图例,看可视化图表的人就可能不能直观的了解到数据图表所呈现的意义,这里我们勾选显示,下面的参数还可以对图例进行位置、间距还有文本样式的设置 。
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
7.hover层
hover这里是选择器的意思,也就是当鼠标放在双轴图的柱子上时,可以弹出这个维度项具体的数据,可以选择触发动作为“鼠标悬浮”或者“点击”,另外下面的“文本样式”、“边距”、“背景框样式”都是对弹出的文本样式进行各种参数的设定 。
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
8.是否开启动画
指的是当打开可视化大屏时,各种图表组件里呈现动画效果,比如当我们拖入“双轴图”,可以看到里面的柱子从X轴,有像喷泉一样动画效果呈现出来 。每个图表都有自带的动画效果,一般系统默认是开启动画的 。
9.数据类型
这个部分是组件属性配置最重要的,Data MAX 的组件数据接入现在有两种方式:静态json数据和API接口 。下面的“数据配置说明”和“数据配置”都是与“数据类型”相结合,这三块的具体参数配置,将会在下文中单独进行详细介绍 。
10.组件交互
当在做汇报演示,或者查看业务数据时,需要将将可视化大屏内的各种组件、或者不同的可视化大屏之间做数据的联动过滤筛选、钻取,以便了解业务细节,这时我们可以设计组件交互效果 。交互方式有5种:分别是无、弹窗、跳转或者放大 。
总的来说,各种组件的参数配置大体相似,比如柱状图、折线图、饼状图,还有雷达图 。当然还有额外的一些组件还有其他的参数设置,比如:
(1)基础组件中“仪表盘”的参数配置中有“预警”功能,当数值达到多少时,仪表盘可以通过颜色的变化来呈现预警的可视化效果;
(2)地图组件中“2D地图”的参数配置中会有“气泡”“卡片”“飞线”“区域充填”等各种参数的调整;
只要10分钟,教你配置出炫酷的数据可视化大屏

文章插图
 
(3)高级组件中“TAB”参数配置中,我们点击“Tab列表”,可对其中轮播的图表进行配置,这里我们直接将配置好的图表链接复制到地址选项,修改名称即可,最后还可以设置轮播的时长间隔等参数 。总体来说,依据自己的需求进行配置即可 。
只要10分钟,教你配置出炫酷的数据可视化大屏


推荐阅读