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

报表图表-仪表盘

1. 概述

1.1 功能概述

仪表盘用于显示单个指标数值相对于对比值的百分比,可以使用不同的颜色代表不同的进度范围,从而直观地表现出某个指标的进度或实际情况。

例如,我们可以使用仪表盘跟踪显示公司的销售额,设定好目标值,基准值以及显示信息,就可以实时监测出当前销售额的健康状况。

image

2. 操作步骤

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件直连数据集为例演示操作流程。

  2. 界面要求: 已进入报表设计界面,且报表至少已绑定一个数据集(如“Excel数据-直连数据集”)。

2.2 操作步骤

2.2.1 添加组件

  1. 在报表设计器中,添加图表组件,选中柱状图,拖拽至画布区域,如下图示:

    PixPin_2025-06-30_11-41-25

  2. 选中整个柱状图组件,在顶部菜单栏选择图表,然后选择图表类型,选中仪表盘类型。

    PixPin_2025-06-30_12-10-19

2.2.2 绑定数据

可以看到仪表盘有三个数据绑定区:

  • 图表数据: 表示指针指示的位置。

  • 仪表盘: 设定仪表盘的颜色范围。

  • 标签: 设定仪表盘标签显示的内容。

    image

  1. 设定指针: 将数据集中的“ 订单金额 ”拖拽至图表的数据字段绑定区。

    image

  2. 设定仪表盘颜色范围: 选定绘图区域,在属性的仪表盘区域单击 +添加项目 添加系列,示例我们计划添加三个颜色范围。

    image

  3. 分别编辑三个系列,并设置名称、数值的标题和具体数值。如下图示,同理设置其他两个数值。

    image

  4. 调整指针样式。

    image

  5. 单击指针后的编辑按钮,然后修改指针颜色等。

    image

  6. 预览效果。

    image

2.2.3 设置标签显示内容

  1. 为了能看到指针指示的准确数据,我们可以添加标签。将需要显示的数据绑定到标签中,并修改文本内容,样式等。为了不被指针遮挡住,可以添加一些偏移量。

    image

  2. 此时的仪表盘主体部分已经完成了,预览如下。

    image

2.2.4 调整外观

  1. 自定义仪表盘颜色: 选中图表,在属性设置面板中将调色板选择为<自定义>。

    image

  2. 根据需要添加项目,然后设定颜色。设定后可以通过拖拽改变颜色顺序。

    image

  3. 调整标题内容: 选中图表标题,修改图表标题。

    image

2.6 预览效果

  1. 预览查看实际效果。

    image