柱线图

2025-1-14 Guide
  • 分析师
  • 普通用户
  • 图表设计
About 15 min

# 柱线图

柱线图,为柱图、线图、柱和线(单轴、双轴)的混合类图形,其中我们常说的条形图也是属于柱线图(值轴选定为x轴即可)

设计区 图表 要求
行维 类别轴 放置一个或者多个维度节点,通常用作类别轴
列维 分类 放置 0 个或者多个维度节点
指标 放置 1 个或者多个指标节点
添加轴 显示双轴 建议为不同的轴配置成不同的图形类别,如:柱线

每列显示为一条线,或者一个柱形图序列。

# 堆叠柱(线)

轴类型下拉选择堆叠柱,可以对拆分的指标(有列维)进行堆叠

提示

v1.10之前指标堆叠堆叠只能对相同的指标进行堆叠,多个不同的指标没有列维的场景不能进行堆叠

# 堆叠支持按轴堆叠

# 堆积排序支持选择轴/积指标排序

默认堆叠被列维拆分的相同指标,如果您的数据在业务逻辑上需要堆叠不同的指标,可以进行下列配置实现:

按列维度堆叠不同指标 → 开启堆积排序 → 选择堆积指标

按轴堆叠 → 开启堆积排序 → 选择堆叠轴

# 双轴图

柱线图添加轴即可绘制为双轴图,建议为不同的轴配置成不同的图形类别,如:柱线

# 条形柱形图

默认值轴为垂直轴,通过设定值轴位水平轴可以绘制条形水平柱

# 山峰图

柱图通过设定柱体样式实现山峰图效果,山峰图值轴最小值强制固定位0,否则会出现山峰起点不在类别轴的问题

# 布局、拆分

# 拆分行列

开启图表拆分之后,默认情况下根据拆分图表数据量自动生成N*N的网格,用户可以输入固定的行列数量生成拆分子格

  • 拆分之后内部网格仅支持配置百分比边距
  • 拆分之后个子图的小标题支持配置水平位置偏移与垂直位置偏移
  • 小标题字体支持单独配置

# 拆分依据

拆分依据支持按指标位置拆分,柱线图支持配置拆分列维数量:

  • 按全部列维拆分(默认)。
  • 按部分列维拆分。
  • 按指标位置拆分。
  • 按列维+指标位置拆分。
  • 按部分列维+指标位置拆分。

# 共享轴

默认情况下每个子图都有自己的轴,值轴最大值与最小值独立自动适配,从2.1开始支持开启共享值轴与共享类别轴

共享值轴之后所有子图的最小、最大值统一处理,便于对比各图数据差异

# 样式配置

# 图表元素(组成)

在进行图表样式配置之前请先了解图表组成的几个重要元素

  • 图例
  • 类别轴
  • 值轴
  • 刻度
  • 轴标题
  • 分割线

# 轴样式配置

# 值轴0值对齐配置

双值轴场景下如果有负数值,往往两边值轴的0值不对齐,通过配置对齐0值可以快速对齐0值

# 图例

# 单选模式

开启单选模式,在图表显示时每次仅显示一个系列的数据

您还可以设置初始化时默认选中的图例

# 全选与反选

  • 反选: 激活没有选中的图例,取消激活的图例
  • 全选: 选中所有图例

# 图例布局样式

图例布局支持配置

  • 水平位置
  • 垂直位置
  • 边距控制
  • 字体边框等

# 单项样式

单项样式是只每个柱子的样式,包含边框,阴影,透明度等

# 时间线配置

支持按列维拆分为时间线的不同节点,动态叙事

  • 柱线图时间线配置, 用于时间线节点列维数, 默认所有列维,可以配置仅使用前N个列维分组

# 值样式

# 指标着色依据

销量越好的产品挣得越多吗?

回答这个问题需要考虑两个指标:销售额和利润。现在,我们可以在按销售额排序的同时,按利润渲染颜色。

隐藏利润指标,销售额的值样式将根据隐藏的利润值进行着色。这样,您可以得到下面的产品类别销售额排名,其中蓝色越深表示利润越多,黄色表示利润为负,即亏损产品。

  • 支持正负数颜色不同,自动配色方案在指标中同时有正负数时,会为负数分配不同的颜色,便于区分。
  • 支持自定义指标配色方案。

# 按维度着色

# 柱图着色最大、最小、最后一项

着色最大、最小、最后一项

# 标注

# 值轴标记线

值轴标记线包含

  • 最小值、最大值标记线
  • 均值标记线
  • 特定值标记线

# 标注点

# 区域标记

Last update: January 14, 2025 11:25