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

报表矩表中使用迷你图

表格类的报表,多为普通的网格加上文字与数字。报表的迷你图,可为表格类报表增添更好的视觉元素。比如下图中矩表:

122019zrw2x5yyg2ya48my.png

矩表内显示的是每个省份的订单金额合计,这个合计金额是全年的合计,如果想了解各个月份的销售趋势,就可以在矩表中放一个迷你图,展示每个月份的订单合计。

迷你图的基本使用

矩表绑定数据后,右侧添加一列。

image


使用迷你图的一般场景是将迷你图拖放到一个表格或者矩表的单元格中,如下图:

image2020-11-6_13-50-39.png


为了能够设置边框线,最好先在单元格中拖放一个【容器】,再将迷你图拖放到这个容器中。

实际上,将迷你图直接拖放到报表空白区域、单独使用也可以,只是由于迷你图的表现能力毕竟不如标准的【图表】元素,所以不建议这样使用迷你图。

迷你图支持的图形种类包括5种:折线图、柱形图、盈亏图、面积图、堆积图,如下图:

134414v1iu05anqc17nuui.png


可以看到,常见的饼图或圆环图不在可选类型列表中。

迷你图的数据绑定

迷你图的Y轴数据对应的属性是【系列值】,X轴数据对应的数据为【分组条件】,如下图:

image2020-11-6_13-51-37.png


这两个属性都支持直接绑定数据集字段,也支持更复杂的表达式。

比如图中的 {Sum(订单金额)} ,如果改为直接绑定字段的 {订单金额} ,那么迷你图实际使用的数据将是分组内首条记录,即相当于{First(订单金额)} 。

上图中的分组条件为 {Month(订购日期)} 表示X轴为月份数,而不是日期。

迷你图的外观调整

除了设置迷你图的【类型】为不同的图表类型,还可以通过设置【填充样式】来调整迷你图图表的外观。

比如我们将类型调整为面积图之后,就可以设置填充渐变。:

140040q3xzzyyrd5dc233y.png


通过选择一种【渐变类型】,可获得下图所示的视觉效果:

140200h95229cz0ze2u02u.png