[]
        
在线Demo 免费试用
(Showing Draft Content)

报表中子弹图的实现方法

1. 概述

1.1 功能概述

作为专业的线性仪表图表,子弹图通过数据条组件直观展现单一指标(如销售业绩)与目标值的对比关系,可清晰划分"优秀/达标/不足"等质量等级,本文将结合具体示例详解其实现方法。

2. 操作步骤

2.1 准备数据

  1. 如下图所示,示例数据有"财政收入"和"财政支出"两大核心指标,并采用三段式区间划分(过低/一般/过高)直观呈现指标达标状态。

    170033hky2u0co3333vf98.png

  2. 数据源采用上面的数据,并创建对应的数据集。

2.2 创建报表

  1. 在报表设计器中,选中表格组件,并绑定数据字段,如下图。

    PixPin_2025-07-08_12-16-41

  2. 选中表格的最后一列,在右侧新建一列。

    PixPin_2025-07-08_12-19-28

  3. 从左侧工具箱将迷你图拖放置新建列的明细行。由于数据条本身没有边框,因此先在单元格内拖放一个容器组件,再将数据条拖放到容器内,如下图:

    PixPin_2025-07-08_12-20-32

2.3 数据绑定

  1. 数据条的数据绑定通过将数据条的数据选项属性(包括最大/最小常量值、计划目标值、实际完成值,以及作为背景色区间分隔点的第一/第二参考值)与数据集字段绑定,即可构建完整的子弹图数据模型。如下图:

    PixPin_2025-07-08_12-24-11

2.4 外观调整

  1. 为了完整显示子弹图,需将表格行高设置得高一些。

    PixPin_2025-07-08_12-25-07

2.5 预览效果

  1. 预览效果如下图:可以看到,标尺分为3个区段,每个区段的背景色是不同灰度的颜色。

    PixPin_2025-07-08_12-25-42