[{"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)

报表图表-仪表盘

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

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

image

操作示例

1. 创建报表

在门户网站首页,单击image2018-6-13_14-48-39.png,选择报表

image2022-7-29_14-57-24.png


选择合适的报表模板(如空白RDL报表),然后单击创建按钮。

image


在报表设计器右侧的数据绑定面板中,单击添加为报表设置数据集。这里我们选择共享数据集“Demo_销售明细”,然后单击添加

image2022-7-29_15-1-43.png

image

2. 添加图表组件

image

3. 切换图表类型

image

4. 绑定数据

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

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

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

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

image

设定指针

将数据集中的“ 订单金额 ”拖拽至图表的数据字段绑定区,并添加 sum函数将订单金额求和。

image

设定表盘颜色范围

选定绘图区域,在属性的 数值 区域单击 +添加项目 添加数值,示例我们计划添加三个颜色范围。

image

分别编辑三个数值,并设置数值的标题和具体数值。最后将其聚合方式选择为“最小值”,以免其产生聚合。

image

同理设置其他两个数值,设置完成后如下所示。

image


image

调整指针样式。

image

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

image

预览效果。



image

设置标签显示内容

为了能看到指针指示的准确数据,我们可以添加标签。

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

image

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


image

5. 调整外观

自定义仪表盘颜色

选中图表,在属性设置面板中将调色板选择为<自定义>。

image

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

image

调整标题内容

删除坐标值标题。

image

修改图表标题。

image

6. 预览效果

image