登录
免费注册
400-6565-277
首页图

新闻动态

news information

堆积柱状图上下顺序怎么调整?用捷码三步完成业务排序调整?

2025-08-28作者:捷码浏览:

在可视化汇报中,堆积柱状图的上下顺序会改变读者的阅读路径与判断。本文面向可视化搭建与运营同学,演示如何在捷码中快速创建堆叠柱状图,并按“未开始-进行中-已完成”等业务语义调整上下顺序,减少改图沟通成本。

认识堆叠柱状图

堆叠柱状图把同一类别的多项指标纵向叠放,既能看到总量,也能对比占比,常用于项目进度、品类销量与区域能耗。顺序若杂乱,颜色与图例难以对应,读者需要反复比对才看懂,影响决策效率。
image.png

用捷码搭建与排序

捷码是什么

捷码是低代码应用开发平台,支持拖拽与配置完成页面开发,适用于管理统计、大屏可视化、GIS与3D场景等。平台内置“堆叠柱状图”组件,左侧属性面板可设置风格、边距、柱间距、数值标签、图例、提示框、轮播/数据动画,坐标轴样式,以及系列的数据映射与颜色;要调整上下顺序,只需在“系列”板块改变数据映射的先后与颜色对应。更多能力以官网说明为准:https://www.gemcoder.com

image.png

  • 第1步:新建页面,拖入“堆叠柱状图”。在“数据”面板绑定数据源,X轴设为类别字段;在“系列→数据映射”对应“未开始/进行中/已完成”等字段。
  • 第2步:调整上下顺序。在“系列→数据映射”中拖拽系列顺序,或使用上/下移动按钮;颜色区按业务语义统一,如“未开始”灰、“进行中”蓝、“已完成”绿;图例勾选“跟随系列顺序”避免错位。
  • 第3步:细节优化。开启数值标签,必要时切换“显示百分比”;设置柱体间距与网格线,提示框显示名称+数值+占比;预览确认堆叠顺序与图例一致。

免费试用与社群

现在可申请捷码免费账号:不限项目创建次数,可用平台模板、3D数字孪生组件、地图组件、业务组件与大屏组件,支持无/低/多码与AI方式搭建,用于Web系统、可视化与流程应用;免费版不支持自定义组件。欢迎扫码进群获取试用入口与操作教程。
免费账号运营群7.png

结语

在可视化里,堆叠顺序就是叙事顺序。借助捷码的系列映射与颜色管理,你可以按业务语义稳定控制上下层级,提升阅读效率。更多搭建范式与示例,访问远眺科技官网:www.gemcoder.com

FAQ 快问快答

  • Q1:如何让“已完成”固定在最上层?
    A1:在“系列→数据映射”把“已完成”放到列表最后,并开启图例跟随顺序。
  • Q2:想显示百分比而不是数值?
    A2:在数值标签选择“显示百分比”,提示框同时展示数值与占比,便于比对。
  • Q3:数据字段顺序经常变化怎么办?
    A3:在数据源层统一字段命名或用字段别名映射,避免每次重新拖拽系列顺序。



%用户还看了以下内容

3D饼图是什么?如何用捷码立体环形图组件高效搭建? 阅读685次

柱状图是什么?如何捷码组件快速完成场景搭建? 阅读963次

如何把折线叠加到柱状图?捷码柱状折线组件教你超快方法! 阅读943次

3D柱状图怎么做?用捷码快速搭建3D可交互大屏 阅读939次

快速试用捷码

x