怎么把柱状图和折线图放同一个图？用捷码快速搭建业务看板

2025-08-28作者：捷码浏览：次

在做数据看板时，常被问到“怎么把柱状图和折线图放同一个图？”柱状折线图能把数量与趋势放在同一坐标系，更易讲清业务变化。本文面向数据分析、产品、BI开发，演示如何在捷码平台完成搭建与优化。

场景引入

你是否遇到：每月订单量在涨，但转化率在跌？一个图里对比，复盘更直观。典型应用：订单量+转化率、投放费用+ROI、库存+周转天数。难点在于双轴标尺、系列映射与样式一致性。

搭建步骤

步骤一：在捷码新建页面/大屏，拖入“堆积柱状图”组件。
步骤二：准备字段：日期、订单量、转化率；在“数据”面板完成字段映射。
步骤三：系列设置：系列1类型选“柱状图”映射订单量；系列2类型选“折线”映射转化率，区分颜色；将系列2绑定右轴，单位“%”。
步骤四：坐标轴与样式：左轴单位“单”；设置柱间距、数值标签、图例与提示框；必要时开启网格线、数据动画与轮播。
步骤五：校验：按周/月切换预览；若折线被压扁，调右轴最小/最大值范围。

捷码平台与免费试用

捷码是远眺科技推出的低代码应用开发平台，通过拖拽与配置即可搭建管理统计系统、数据大屏、GIS/3D场景与流程审批；同时支持组件与服务扩展，既能无代码搭建，也支持多码协作，适配行业特色展示需求（见官方白皮书）。
现支持申请免费账号：项目创建次数不设上限，可使用平台模板及3D数字孪生、地图、业务、大屏等组件，适合快速搭建Web系统与可视化页面；免费版暂不开放自定义组件。