[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

报表中子弹图的实现方法

子弹图是一种类似仪表的线性图形,通过在度量标尺上显示单一的数据,可以衡量数据指标的质量,比如销售业绩针对目标任务的完成情况是非常好、令人满意、一般等等。

报表的数据条组件,就是专门用于设计子弹图的。

文中以一个示例,介绍子弹图的实现方法。

示例数据

示例数据如下图:

170033hky2u0co3333vf98.png

有两个指标项目:财政收入、财政支出。

3个区段分别表示过低、一般、过高。

报表设计

示例报表采用表格单元格内嵌一个数据条的方法,由于数据条本身没有边框,因此先在单元格内拖放一个容器组件,再将数据条拖放到容器内,如下图:

image2020-11-6_14-1-26.png

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

数据条的数据绑定是将数据选项的多个属性设置为数据集的字段值,如下图:

image2020-11-6_14-2-35.png

最大数据、最小数据往往是常数。

目标数据一般就是计划,实际数据就是完成数值。

第一参考区间、第二参考区间的数据,将作为标尺上的背景色区段的分隔点。

预览效果如下图:

172028ecncnsf09o01jcz2.png

可以看到,标尺分为3个区段,每个区段的背景色是不同灰度的颜色。