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

图表钻取

功能概述

在实际业务中,数据钻取是一个常见的需求。比如在图表中先展示出汇总性质的数据,然后通过单击鼠标查看更为详细的数据,如下图所示。

图表钻取.gif

图表组件支持以下两种钻取行为:

  • 图形钻取

  • 图例钻取

图形钻取是指在绘图区域添加钻取,预览时通过点击图形进行跳转。如上图所示。

图例钻取是指在图表的图例区域添加钻取,预览时通过点击图例进行跳转。

图形钻取和图例钻取均支持在钻取时传递参数值,然后子报表根据参数值直接过滤出数据。

图形钻取

我们以上图中的效果为例为您讲解实现图形钻取的过程。

1. 创建子报表

上图中的子报表是一个带参数过滤的报表,过滤的字段为“ 销售大区 ”(制作过程请见数据集过滤)。

image2020-6-5_12-23-35.png

2. 创建主报表

添加柱形图组件并绑定数据。

image2022-7-29_14-16-19.png

3. 设置钻取

选中图表的绘图区域,在属性设置面板中设置钻取类型跳转至报表,并将跳转到报表设置为之前创建的子报表“销售报表”。

image2022-7-29_14-23-39.png

因为子报表中已经设置了参数,所以这里会自动出现一个参数项目。单击 参数 右侧的image2019-3-18_14-7-31.png图标,展开参数列表。

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


单击参数“ 销售大区 ”后的编辑按钮,将参数的数据指定为“ 客户地区 ”。

这样设置后,当我们单击图表中的柱子时,就能够将“销售大区”的值传递给子报表。设置完成后单击左上角的返回按钮即可,具体如下图所示。

image2022-7-29_14-27-29.png

4. 预览报表

即可实现页面开始时的钻取效果。

type=info

提示

有关报表数据钻取的更多介绍,详见钻取报表并传递参数

图例钻取

文中也是以大区跳转为例进行介绍。

1. 创建子报表

子报表是一个带参数过滤的报表,如下图所示。

image

2. 创建主报表

添加图表组件,调整图表类型为饼图并绑定数据。

这里注意绑定图例数据,将图例显示出来。

image

3. 设置钻取

选中图表的绘图区域,在属性设置面板中找到绑定-颜色,然后设置钻取细节。

支持钻取到报表书签URL,设置方法与绘图区域跳转相同。

示例中我们将其钻取类型选择为跳转至报表,并将跳转到报表设置为目标子报表。

image

如子报表中包含报表参数,下边会自动出现一个参数项目。单击 参数 右侧的image2019-3-18_14-7-31.png图标,展开参数列表。

image

单击参数后的编辑按钮,将参数的数据指定为“ 客户地区 ”。

这样设置后,当我们单击图表中的图例时,就能够将选择的地区值传递给子报表。设置完成后单击左上角的返回按钮即可。

image

image

4. 预览报表

在图表中先展示出汇总性质的数据,然后通过单击图例查看对应的详细数据。有关图例的更多介绍,请见图表图例

图例跳转示例