全部文档
当前文档

暂无内容

如果没有找到您期望的内容,请尝试其他搜索词

文档中心

大屏图表操作

最近更新时间:2022-07-21 07:11:43

标题

大屏内的一切图表或者控件都有其标题,标题可以说明控件或者图表的内容。

标题面板

1.是否显示标题:决定是否显示标题;

2.标题输入框:输入标题内容;

3.标题样式:设置标题字体颜色、字体大小和字体;

4.标题对其方式:标题在图标上方的位置,提供左中右三种选择;

5.标题与绘图区间距:设置标题和绘图区间的距离。

image.png

标题操作

1.标题可以选择显示或不显示;

2.在标题框内更改标题内容;

3.可以修改标题字体的颜色、大小、字体,以及标题在图表中的位置和与绘图区的距离,其单位是PX。

标题与图表区距离示意如下图所示:

image.png

下图是以普通柱状图为例对图标标题进行操作。

image.png

绘图区

绘图区设置存在于大屏的柱状图和折线图两种图表中,主要是更改绘图区内的参考网格线以及背景和绘图区边框颜色。

绘图区位置介绍

绘图区区域如下图,以柱状图为例。

image.png

绘图区设置面板

在图标的数据控制区,点击勾选定时刷新功能,设置定时刷新频率即可。

1.网格线设置:设置横纵网格线及其颜色和线型;

2.绘图区颜色:设置绘图区背景颜色和绘图区的边框颜色。

image.png

绘图区设置操作

1.选中图表;

2.在绘图区操作面板操作绘图区的网格线、线型、颜色以及绘图区的背景和边框。

以柱状图的绘图区更改做演示案例,演示如下:

image.png

数据格式

设置数据的显示格式,如日期、单位、小数点等,在图标制作过程中,导入数据后,在控制区样式中会出现数据格式的设置区。

设置数据格式

在图表的数据控制区,点击数据格式功能,打开数据格式功能。

1.选择设置数据格式对象:系统会自动的给出能够设置的数据格式对象,选择一个;

2.设置按钮:单机设置第一步选择的设置对象,跳转到设置页面进行设置。

image.png

设置数据格式说明

数据格式一共有四种设置类型:

1.自动设置,系统会根据所选数据的识别格式,进行自动的设置格式;

image.png

2.设置选中对象为数字:在数字页面,可以选择数字的小数位、单位,填写数据的前后后缀、设置是否有千分符;

image.png

3.设置选中对象为百分比:在百分比页面,可以选择百分比的小数位;

image.png

4.设置选中对象为时间:在时间页面,可以选择时间的最小单位,如天、时、秒或者更加详细的mm、ss等各种格式,同时可以设置是否自动进位。

image.png

以更改轮转表中的地区销售额的数据格式为例。如下图所示。

image.png

x,y轴设置

x,y轴设置存在于大屏的柱状图和折线图两种图表中,主要是更改图表的x轴和y轴的颜色、粗细、名称、文字及其方向、轴文字的字符数,其中x轴和y轴设置内容相同。

x,y轴位置介绍

x,y轴区域如下图,以柱状图为例。

image.png

更改x轴设置面板

在图标的数据控制区,点击勾选定时刷新功能,设置定时刷新频率即可。

1.是否显示:设置是否显示x轴;

2.设置x轴颜色和粗细,当粗细设置为0时,轴是隐藏;

3.设置x轴的名称:可以选择是否显示名称、名称的颜色、字体和字体大小;

4.设置x轴上的标签文字:可以选择是否显示名称、名称的颜色、字体和字体大小以及字体方向;

5.设置x轴上的标签文字的文字长度。

image.png

更改x轴设置操作

1.选中图表;

2.选择显示x轴;

3.更改轴的颜色和大小;

4.更改轴的名称文字颜色、大小和字体;

5.更改轴文字的文字颜色、大小和字体。

以柱状图的X轴设置做演示案例,演示如下。

image.png

更改y轴设置面板及操作过程

同x轴的设置过程

图例和标签

图例和标签是设置图表中的图表说明图例样式以及图表内容标签样式,其中标签在柱状图、折线图以及饼图中都有,但是图例只存在于折线图和饼图中。
**
图例和标签位置介绍**

图例和标签位置如下图,以折现图为例。 其中1为图例,2为标签。

image.png

图例设置面板

在图表的样式控制区,点击勾选显示图例,设置图例样式即可。

1.是否显示图例:设置是否显示图例;

2.设置图例的颜色、字体大小和字体;

3.设置图例在绘图区的位置,系统提供上下左右四个方位选择。

image.png

图例设置操作

1.选中图表;

2.选择显示图例;

3.更改图例的字体颜色、大小、字体和位置。

以折现图的图例设置做演示案例,演示如下。

image.png

标签设置面板

在图表的样式控制区,点击勾选显示标签,设置标签样式即可,其中标签数据格式同轴数据格式相同,其中标签默认是显示度量的值。

1.是否显示标签:设置是否显示标签;

2.设置标签在每一个显示样本的位置,按照图表不同提供不同的样本位置选择;

3.设置标签的字体颜色、大小和字体。

image.png

标签设置操作

1.选中图表;

2.选择显示标签;

3.更改标签字体的颜色、大小、字体和位置。

以折现图的标签设置做演示案例,演示如下。

image.png

背景颜色、边框和圆角

背景颜色、边框和圆角面板介绍

1.背景填充:填充整个图标框内的颜色;

2.边框设置:设置图标边框的颜色、线型、粗细和阴影;

3.圆角:设置圆角大小。

image.png

背景颜色、边框和圆角操作

1.选中图表;

2.更改背景颜色;

3.更改边框颜色、线型和粗细;

4.更改边框圆角情况。

下图是以普通柱状图为例对其背景颜色、边框和圆角进行操作。

image.png

背景颜色说明

1.纯色填充:填充整个图标框内的颜色是一种均匀的颜色;

2.线性渐变色填充:整个颜色填充成线性变换的,颜色从低到上,由深到浅;

3.径向渐变色填充:以一个亮点为中心,向周围发散。

image.png

数据筛选

比如:需要看“每个地区的销售额“柱状图的某个/某几个地区的销售额变化。

创建数据筛选:
1.将“地区”拖入到数据筛选框中;
比如:需要看“每个地区的销售额“柱状图的某个/某几个地区的销售额变化。

创建数据筛选:
1.将“地区”拖入到数据筛选框中;
image.png
2.在弹出的数据筛选框中选择合适的筛选条件,如选择只观看华北和东北地区的销售额
image.png
3.数据筛选结束。

数据筛选说明:
数据筛选有列表筛选、文本筛选、条件筛选、高级筛选和时间范围筛选(只在筛选时间时可以使用),如下图所示。
image.png
列表筛选
列表筛选说明:
image.png
1.切换手动/列表选择界面按钮;

2.在列表页面对列表进行排序;

3.选择展示的列表范围,展示全部选项/受上下文及层级影响的选项/受全部筛选器影响的列表;

4.同列表筛选手动界面相同,可手动搜索筛选的列表选项;

5.列表筛选展示的可以选择的列表;

6.列表筛选的条件,下图分别展示了包含、排除和使用全部;
image.png
7.筛选汇总区域,显示目前所有的筛选情况汇总。

文本筛选
文本筛选说明:
image.png
1.可以选择添加的筛选条件的筛选方式,其中“包含所有条件”是所有筛选条件需要都成立,“包含任一条件”是任一一个筛选条件成立就可以进行筛选;
image.png
2.添加文本筛选条件框,点击添加,可以在下拉框中选择筛选条件,在输入框中输入筛选内容,点击垃圾桶可以删除筛选条件
image.png
3.筛选汇总区域,显示目前所有的筛选情况汇总。

条件筛选
条件筛选说明:
image.png
1.可以选择条件筛选的度量以及筛选聚合方式,系统会自动识别度量标识并给出所有合适的度量聚合;
image.png
2.点击加载范围,系统会根据所选择的度量和聚合方式给出其范围,用户可以按照给出的范围输入筛选内容;
image.png
3.筛选条件的选择和输入;
image.png
4.筛选汇总区域,显示目前所有的筛选情况汇总。

高级筛选
高级筛选说明:
image.png
1.可以选择条件筛选的度量以及筛选聚合方式,系统会自动识别度量标识并给出所有合适的度量聚合,同条件筛选;
image.png
2.输入选择范围,选择最大/最下的若干个选项;
image.png
3.筛选汇总区域,显示目前所有的筛选情况汇总。

时间范围筛选
时间范围筛选说明:首先要拖入时间度量,时间范围筛选才可以生效。
image.png
1.可以选择不同的时间段,动态是指:一直以今天作为时间终点的筛选,系统会根据选定的情况,不断的更新时间;
image.png
2.选择静态的时间段,静态是指:选定的时间段进行筛选,不可动态更新;
image.png
3.按照不同的日期划分方式选择筛选日期;
image.png
4.筛选汇总区域,显示目前所有的筛选情况汇总。
设计高亮提醒,使得数据触发设置数值时,高亮报警。

创建高亮提醒
在图标的数据控制区,点击设置高亮提醒,进入高亮提醒设置页面,操作过程如下图所示。
image.png
高亮提醒说明
高亮提醒有条件设置和高级设置两种,如下图所示。
image.png
条件设置
image.png
1.添加高亮条件按钮,可以添加2中的度量预警数量;

2.高亮条件设置按钮,系统会给出图表中可高亮的选项,用户选择并设置高亮条件,可以设置多个条件,当满足其中一个条件就会触发报警;

3.高亮显示颜色设置处。

  • 下图以柱状图的地区销售额高亮提醒为例,把大于25万元的销售额地区做高亮提醒。
    image.png
    高级设置
    image.png
    1.系统会给出图表中可高亮的选项供用户选择;

2.用户勾选高亮规则,按照(最大)排名前几个/(最小)排名后几个,最多选择10项;

3.设置高亮个数;

4.针对每一项,从前至后(排名也由高到底)设置不同的高亮颜色。

  • 下图以柱状图的地区销售额高亮提醒为例,把销售额地区的前三名做高亮提醒,其中第一名蓝色、第二名白色、第三名红色。
    image.png

定时刷新

定时刷新功能在勾选后,经过设置定时刷新频率即可实现在设定的刷新频率下,图表自动向数据库发送数据获取请求,并更新图表内容。

定时刷新面板说明
在图标的数据控制区,点击勾选定时刷新功能,设置定时刷新频率即可。
image.png
定时刷新说明
1.需要勾选应用,定时刷新才会开启;

2.刷新频率,除了业务因素,需要考虑数据库的性能,避免一直发出请求但却无法从数据库返回数据的情况。

排序

设置绘图区的排序,可以设置从小到大或从大到小排序,排序只存在于柱状图和折线图中。

排序面板介绍
在数据控制区内的排序设置区,设置好排序的对象和升序/降序,即可对图标进行排序,其中排序字段系统会根据图表数据自动生成。
image.png
排序操作
1.选中图表;

2.选择排序字段和升降序设置;

3.排序完成。

下图以柱状图的地区销售额高亮提醒为例,把销售额地区的前三名做高亮提醒,其中第一名蓝色、第二名白色、第三名红色。
image.png

地图变换

在制作填充地图和飞线地图的之前,需要对模型数据进行变换,以满足图表数据需求。

数据准备:
1.点击添加数据模型;

2.选择数据模型。
image.png
数据变换流程
1.选中地理维度,右键/点击下拉箭头;
image.png
2.选中地理角色按钮,分配地理维度地理角色;
image.png
3.如果地理维度无法识别,可以通过手动查找的方式进行分配地理位置。
image.png
地理角色说明
image.png
1.城市:把地理维度转换为城市,适用于中国城市填充地图、中国城市飞线地图;

2.省/市/自治区:把地理维度转换为省/市/自治区,适用于中国省份填充地图、中国省份飞线地图;

3.国家/地区:把地理维度转换为国家/地区,适用于世界填充地图、世界飞线地图;

4.世界中国:把地理维度中非中国的部分转换为国家/地区,中国部分转换为省份,适用于世界中国填充地图、世界中国飞线地图。

文档导读
纯净模式常规模式

纯净模式

点击可全屏预览文档内容
文档反馈