1 概述

含坐标轴的图形支持设置坐标轴的刻度最大最小值、坐标轴样式等。含坐标轴的图形类型包括:柱图类、趋势线类、联合图类、散点图类、热力图。

2 坐标轴数据设置

业务场景示例

1、场景描述:某大型零售公司,想要分析各产品类别的销售量和销售额数据,效果如下图所示:

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加双Y联合图组件,在数据选择区中,勾选 产品类别 、销售量 销售额 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 产品类别 字段到 X轴 , 销售量、销售额 字段到 Y轴 。

(2)组件数据设置中,点击Y轴区域的 ,按照上述场景效果图要求设置坐标轴,如下图所示:

(3)点击确定,即可得到场景中所需效果,如下图所示:

更多设置说明

1、只有度量字段所在的坐标轴才支持坐标轴的数据设置。

2、各设置项说明如下:

(1)轴位置:用于确定当前所配置的是哪个指标轴,只有指标轴大于等于2个轴时,才会显示该设置项。

(2)轴名称:用于自定义轴的名称。

(3)数据格式:用于设置轴刻度的数据格式。可选择的数据格式来源于 数据格式

例如:当轴刻度数据较大时,可5000000设置为500万,使图形效果更加美观。

(4)对数轴:对数轴以 10 的幂次增长的算法来绘制轴标签,可与最大值、最小值一起使用。

当同一指标轴上两指标数据差距特别大时,可以对数值小的指标进行对数轴处理,使数据图形效果看起来更美观。

(5)刻度值:用于设置坐标轴刻度的最大值和最小值。

字段选择框:字段来源为图形已选择的X轴、Y轴、标记区的度量字段;

公式编辑框:动态字段在公式编辑框中进行Max、Min函数计算,手动输入其他函数无效,并实时校验公式是否合理;

在公式编辑框中可通过+ - * / 运算符,可以将动态字段和静态值结合起来做计算。如:Max(销售量)*1.5+50。

3 坐标轴样式设置

组件属性设置中,可以进行坐标轴样式的设置,包括“名称、刻度、轴线、分割线、分割区、缩略轴”。

对应模型图

分类轴设置

指标轴设置


对应效果图

对分类轴的设置

对指标轴的设置

名称

说明

对坐标轴名称的设置,包括“名称、样式、距离轴线”。

效果

刻度

说明

对坐标轴刻度的设置,包括“刻度显示、刻度样式、标注步长”。

效果

轴线

说明

对坐标轴轴线的设置,包括“轴线是否显示、轴线样式”。

效果

分割线

说明

对坐标轴分割线的设置,包括“分割线是否显示、分割线样式”。

效果

分割区

说明

对坐标轴分割区的设置,包括“分割区是否显示、分割区颜色”。

效果

缩略轴

说明

缩略轴包含轴、滑块以及图表的缩略线图等元素;支持在PC端或移动端操作缩略轴,如:自定义选中区域、宽度以及自动定位点击区域。

效果

设置项

说明

缩略轴可设置是否显示缩略轴。
自定义缩略轴高度(最小值为10px,最大值为30px)。
默认长度

调整缩略轴滑块的默认长度,进而调整图形的默认显示区域(默认值为20%)。

(1)显示【缩略轴】设置项后,分类轴下方显示缩略轴。

(2)拖拽滑块的两端,可调整图形显示的区域范围大小。

(3)滑动滑块,以固定的宽度切换图形显示的区域。

(4)点击缩略轴上,滑块外的位置,以鼠标点击处为选中区域的中心,自动调整图形显示区域。

支持缩略图的图形类型如下图所示: