[{"id":"bcb0874d-299b-448e-9552-9e9b25ef80dd","tags":[{"product":null,"links":null,"id":"ba7e818e-4f6b-4211-b1ac-58e3bafcf439","name":"\u66F4\u65B0","color":"orange","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8ce3627e-9e58-471b-9133-4f135d191e7b","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"ae60ae59-34f5-4f32-a8eb-243ed1457543","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3d4848c3-910f-4ffa-9153-60bb507334a9","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"133f4ca6-d951-4d65-a618-3dc6301266f7","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"de62ec1c-813e-40b1-8160-a4cd109afe64","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2426c71d-8332-4cbd-a436-1ec4f8666464","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2ce7b6b0-78aa-4e4b-bf8a-e4ba2f988298","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"4706db46-0811-4652-8f59-1e0a1da84758","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"8f1271bb-2cd9-4f39-9897-c15b239ee7ab","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"677e13a7-6f3e-449f-986c-2c3a26f8d54f","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"5e40f6dc-caec-49d7-a1d0-be65f06815ba","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"2457f0e0-9e71-4860-a87d-065e0fb84f84","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5c67fd0-1145-482c-9113-97b492c44c18","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"a609a8fa-ab91-4c1d-a1c3-d209d0463303","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"b4a9eb15-94e5-48df-b218-a24138f0cf9c","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. 添加图表组件

image

3. 切换图表类型

图表>图表类型中切换图表类型。

image

type=info

提示

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

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

4. 绑定数据

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

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

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

5. 调整组件配色

image

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