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

报表图表-环形图

环形图与饼图的使用场景类似,通过用来分析和展示不同分类的占比情况。

文中以下面的效果为例为您介绍环形图的使用方法和使用技巧。

image2019-9-26_16-4-48.png

操作示例

1. 创建报表

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

image2022-7-29_15-10-24.png


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

image


在报表设计器右侧的数据绑定面板中,单击添加为报表设置数据集。这里我们选择数据源“ WynDemoData ”,然后单击添加

image2022-7-29_15-10-48.png

image2022-7-29_15-10-58.png


设置数据集名称为“ 销售数据 ”,在“查询语句”中输入SQL语句: select * from 销售明细 。单击验证,您将看到查询字段处显示字段数目。最后单击确定保存数据集定义。

image2022-7-29_15-11-8.png

2. 添加图表组件

单击

3. 切换图表类型

image2020-6-5_16-11-36.png

type=info

提示

实际应用中,我们也可以通过修改饼图的内径百分比,将其转换为环形图。环形图的本质其实就是将中心区域挖空的饼图。

image2020-6-5_16-12-44.png

4. 绑定数据

将数据集中的“ 订单金额 ”和“ 销售大区 ”拖拽至图表的数据字段绑定区和明细绑定区。

image2022-7-29_15-12-58.png

此时预览报表,可见环形图已经形成。为了更好的显示效果,接下来我们设置它的属性。

5. 调整组件配色

image2020-6-5_16-14-22.png

6. 添加数据标签

选中图表中心的绘图区域,在属性设置面板中找到标签文本下的文本内容设置项。

单击右侧的小方块,选择表达式,通过双击可将表达式左侧的值添加到表达式中。

image2022-7-29_15-17-56.png

image2022-7-29_15-18-48.png

type=info

提示

为了使大区名称和所占百分比分行显示,表达式中添加了回车符。您也可以不加回车符,使其在一行显示,或者使用冒号连接。更多介绍,请见报表图表数据标签

此时预览报表会发现数据标签已经生效,但是显示情况不够美观,下面我们继续进行调整。

7. 设置标签样式

为了使超出绘图区域的内容不被删减掉,我们需要将删减方式调整为尽量显示

image2020-6-5_16-35-26.png

选中环形图中心的绘图区域,在属性设置中设置标签的 文字位置标签重叠

image2020-6-5_16-35-45.png


此时预览报表会发现,虽然我们设置了文字位置为外部,但仍有部分标签在图形内部。这是因为环形图的外部绘图区域与内部的间距过小。

单击环形图两侧的空白区域选中外部绘图区域,然后将内部间距调整到合适的大小。比如30pt。

为了更佳的显示效果,可以将图表整体适当拉大。

image2020-6-5_16-36-7.png

8. 显示连接线

image2020-6-5_16-36-30.png

9. 设置图表标题

选中顶部标题区域,在属性设置中设置标题。

image2020-6-5_16-36-51.png

10. 预览

image2019-9-26_17-6-42.png