柱线图
# 柱线图
柱线图,为柱图、线图、柱和线(单轴、双轴)的混合类图形,其中我们常说的条形图也是属于柱线图(值轴选定为x轴即可)
设计区 | 图表 | 要求 |
---|---|---|
行维 | 类别轴 | 放置一个或者多个维度节点,通常用作类别轴 |
列维 | 分类 | 放置 0 个或者多个维度节点 |
指标 | 放置 1 个或者多个指标节点 | |
添加轴 | 显示双轴 | 建议为不同的轴配置成不同的图形类别,如:柱线 |
每列显示为一条线,或者一个柱形图序列。
# 堆叠柱(线)
轴类型下拉选择堆叠柱,可以对拆分的指标(有列维)进行堆叠
提示
v1.10之前指标堆叠堆叠只能对相同的指标进行堆叠,多个不同的指标没有列维的场景不能进行堆叠
# 堆叠支持按轴堆叠
# 堆积排序支持选择轴/积指标排序
默认堆叠被列维拆分的相同指标,如果您的数据在业务逻辑上需要堆叠不同的指标,可以进行下列配置实现:
按列维度堆叠不同指标 → 开启堆积排序 → 选择堆积指标
按轴堆叠 → 开启堆积排序 → 选择堆叠轴
# 双轴图
柱线图添加轴即可绘制为双轴图,建议为不同的轴配置成不同的图形类别,如:柱线
# 条形柱形图
默认值轴为垂直轴,通过设定值轴位水平轴可以绘制条形水平柱
# 山峰图
柱图通过设定柱体样式实现山峰图效果,山峰图值轴最小值强制固定位0,否则会出现山峰起点不在类别轴的问题
# 布局、拆分
# 拆分行列
开启图表拆分之后,默认情况下根据拆分图表数据量自动生成N*N的网格,用户可以输入固定的行列数量生成拆分子格
- 拆分之后内部网格仅支持配置百分比边距
- 拆分之后个子图的小标题支持配置水平位置偏移与垂直位置偏移
- 小标题字体支持单独配置
# 拆分依据
拆分依据支持按指标位置拆分,柱线图支持配置拆分列维数量:
- 按全部列维拆分(默认)。
- 按部分列维拆分。
- 按指标位置拆分。
- 按列维+指标位置拆分。
- 按部分列维+指标位置拆分。
# 共享轴
默认情况下每个子图都有自己的轴,值轴最大值与最小值独立自动适配,从2.1开始支持开启共享值轴与共享类别轴
共享值轴之后所有子图的最小、最大值统一处理,便于对比各图数据差异
# 样式配置
# 图表元素(组成)
在进行图表样式配置之前请先了解图表组成的几个重要元素
- 图例
- 类别轴
- 值轴
- 刻度
- 轴标题
- 分割线
# 轴样式配置

# 值轴0值对齐配置
双值轴场景下如果有负数值,往往两边值轴的0值不对齐,通过配置对齐0值可以快速对齐0值
# 图例
# 单选模式
开启单选模式,在图表显示时每次仅显示一个系列的数据
您还可以设置初始化时默认选中的图例
# 全选与反选
- 反选: 激活没有选中的图例,取消激活的图例
- 全选: 选中所有图例
# 图例布局样式
图例布局支持配置
- 水平位置
- 垂直位置
- 边距控制
- 字体边框等
# 单项样式
单项样式是只每个柱子的样式,包含边框,阴影,透明度等
# 时间线配置
支持按列维拆分为时间线的不同节点,动态叙事
- 柱线图时间线配置, 用于时间线节点列维数, 默认所有列维,可以配置仅使用前N个列维分组
# 值样式
# 指标着色依据
销量越好的产品挣得越多吗?
回答这个问题需要考虑两个指标:销售额和利润。现在,我们可以在按销售额排序的同时,按利润渲染颜色。
隐藏利润指标,销售额的值样式将根据隐藏的利润值进行着色。这样,您可以得到下面的产品类别销售额排名,其中蓝色越深表示利润越多,黄色表示利润为负,即亏损产品。
- 支持正负数颜色不同,自动配色方案在指标中同时有正负数时,会为负数分配不同的颜色,便于区分。
- 支持自定义指标配色方案。
# 按维度着色
# 柱图着色最大、最小、最后一项
着色最大、最小、最后一项
# 标注
# 值轴标记线
值轴标记线包含
- 最小值、最大值标记线
- 均值标记线
- 特定值标记线