坐标轴设置

1 概述

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

2 坐标轴数据设置

业务场景示例

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

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

3、操作步骤

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

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

• 对 左轴（销售量数据）设置 刻度值最大值 表达式= 销售量*1.2 。

• 对 右轴（销售额数据），设置数据格式为 万元，设置刻度值最小值为 40000 ，最大值为 400000 。

（3）点击确定，即可得到场景中所需效果，如下图所示：

更多设置说明

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

2、各设置项说明如下：

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

• 双Y联合图和对比柱图

• 分区柱图

（2）轴名称：用于自定义轴的名称。

（3）数据格式：用于设置轴刻度的数据格式。可选择的数据格式来源于 数据格式 。

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

（4）对数轴：对数轴以 10 的幂次增长的算法来绘制轴标签，可与最大值、最小值一起使用。

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

（5）刻度值：用于设置坐标轴刻度的最大值和最小值。

• 自动：默认选择自动，轴刻度根据需要显示的指标数据，自动调整最大值、最小值。
• 自定义：用于在编辑框内自定义刻度值的最大值、最小值。目前支持对单个度量设置刻度值自定义范围。支持在字段选择框中选择字段，或在公式编辑框中输入数值，或加减乘除四则运算。

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

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

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

3 坐标轴样式设置

组件坐标轴样式的设置包括“名称、刻度、轴线、分割线、分割区、缩略轴”。

• 分类轴：维度字段所在的轴，如柱图/线图的X轴、横条图的Y轴、极坐标柱图/线图的径向轴。
• 指标轴：度量字段所在的轴，如柱图/线图的Y轴、横条图的X轴、极坐标柱图/线图的角度轴。

名称

说明

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

1. 名称：设置坐标轴的名称，默认的坐标轴名称为空。
2. 样式：设置坐标轴名称的字体类型、字号、文字颜色、加粗和斜体。
3. 距离轴线：是指坐标轴名称与坐标轴之间的距离。

效果

刻度

说明

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

1. 刻度显示：设置刻度的显示形式，有“自动、垂直、倾斜、不显示”四种形式，默认效果为自动。
2. 刻度样式：设置刻度的字体类型、字号、文字颜色和加粗。
3. 标注步长：设置分类轴刻度显示的间隔。（注：指标轴没有这个设置项。）标注步长设置为0，表示显示所有刻度；设置为1，表示隔一个刻度显示，以此类推。

效果

轴线

说明

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

1. 显示轴线：设置坐标轴是否显示轴线，默认效果为显示轴线。
2. 轴线样式：设置轴线的类型、粗细和颜色。

效果

分割线

说明

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

1. 显示分割线：设置坐标轴是否显示分割线，分割线的分割是根据坐标轴的刻度进行分割的，默认效果为不显示分割线。
2. 分割线样式：设置分割线的类型、粗细和颜色。

效果

分割区

说明

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

1. 显示分割区：设置是否显示分割区，默认效果为不显示分割区。
2. 分割区颜色：分别设置分割区的颜色。

效果

缩略轴

说明

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

效果

（1）显示【缩略轴】设置项后，分类轴下方显示缩略轴。

（2）拖拽滑块的两端，可调整图形显示的区域范围大小。

（3）滑动滑块，以固定的宽度切换图形显示的区域。

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

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

• 柱图、线图、面积图、单Y联合图、双Y联合图仅支持分类轴设置显示缩略图
• 散点图仅支持X指标轴设置显示缩略图