由 liuqing01 于 2025/06/30 11:36 最后修改
摘要
细节
- 页面属性
-
- 内容
-
... ... @@ -15,16 +15,13 @@ 15 15 **重点突出**: 可以通过突出饼状图中某个扇形或几个重要的扇形,来强调特定的数据或类别。比如,突出某个产品的市场份额、突出某个地区的销售占比等。 16 16 ))) 17 17 18 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OGE0ZTFlYWMwNDY3ZGNmOGY0YmI2NDRmYjIyZDk1ZTRfbjBhNkxzcFN1OTBiR21ReWplNkxaR3JXajZYNms2WFFfVG9rZW46Q3pReWJXZnF5b0EyZUR4dmsyTmMzSVhNbkFkXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 19 - 20 - 21 - 22 22 ==== **【基本要求】** ==== 23 23 24 24 饼图的基本要求如下: 25 25 26 -|分类字段|数值字段 27 -|最多1个字段|最多1个字段 22 +(% style="width:402px" %) 23 +|(% style="width:175px" %)分类字段|(% style="width:225px" %)数值字段 24 +|(% style="width:175px" %)最多1个字段|(% style="width:225px" %)最多1个字段 28 28 29 29 ==== **【操作步骤】** ==== 30 30 ... ... @@ -32,7 +32,6 @@ 32 32 33 33 创建报表,在左上角选择饼状图,然后选定数据源,如图: 34 34 35 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmE3ZmIwYWQ1YWVmM2Q1YTJlNWQyMTNkMmJlNmQ5YjBfWW1ZdUNIakpwM1dFbW1GSjc4OFZ0U2RVS29pR3oxbXhfVG9rZW46WWRKV2JYMU1Ob0doZE14d0I0MmN6ekh4bkFjXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 36 36 37 37 38 38 **Step-2 选择图表展示字段** ... ... @@ -42,44 +42,40 @@ 42 42 * ((( 43 43 饼状图的数据源: 44 44 45 - 如果在数值字段(虚线框)中拖入非数值类型的字段(如:字符串、日期、地点类型):41 + 有了分类字段和数值字段,就可以根据数据的实际情况,绘制出正确的饼状图。下图中:将分类字段拖入销售物品类型,数值字段拖入销售数量,则可以得出:【按照销售物品类型分类后的销售数量的统计饼状图】 46 46 47 -会根据默认聚合方式(计数),将字符串、日期、地点转化为该字段出现的次数,作为实际的取值,传给报表引擎 48 48 49 - 有了分类字段和数值字段,就可以根据数据的实际情况,绘制出正确的饼状图。下图中:将分类字段拖入销售物品类型,数值字段拖入销售收入,则可以得出:【按照销售物品类型分类后的销售收入饼状图】 50 - 51 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YjgyYjYyOGU4ZTQ2NjM2MWNlN2RhMjNjY2Y5MTc2YzRfQWROaE9QRDRCQ3h1bW9FUEh5T3owWDF5Y3RqSEp0bWhfVG9rZW46QlJ2amJZOFgyb2REbjd4VDlPQmNUS3FCbnVmXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 52 - 53 - 注意:**分类字段**、**数值字段,都不能通过公式编辑器生成** 54 - 55 55 * ((( 56 56 **分类字段:** 本字段表示数据的类别或分类,每个数据点都应该有一个对应的类别。类别字段可以是产品名称、地区名称、部门名称等,用于表示数据所属的具体类别。 57 57 ))) 58 58 * ((( 59 59 **数值字段:** 本字段表示每个类别的具体数值/数量。数值字段可以是销售额、销售数量、市场份额等,用于表示每个类别在总体中的比例或占比。 49 + 50 +> 51 + 52 +((( 53 +====== 如果在数值字段(虚线框)中拖入非数值类型的字段(如:字符串、日期、地点类型),会根据默认聚合方式(计数),将字符串、日期、地点转化为该字段出现的次数 ====== 60 60 ))) 55 + 56 +[[image:1729749814387-113.png||height="669" width="1300"]] 61 61 ))) 62 -* ((( 63 -条件过滤:支持 64 64 ))) 65 65 66 66 **Step-3 样式设置** 67 67 68 - 分为三小类:【基础】、【标签】,【图例】,如下图: 62 + 分为三小类:【基础设置】、【标签】,【图例】,如下图: 69 69 70 -[[image: https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTIyOTAxYWRlODIzZjRmZWY1N2VjNjY4YmMyMTc5ZTFfaFh4bHFGUm5TS1l1ZE1UZUNUalJFanJDaU1hMnQzT3pfVG9rZW46TVR0MGJteUpnb29xcEd4U0owOWNkN1VMbjNlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]64 +[[image:1729750188515-947.png||height="766" width="1425"]] 71 71 72 72 73 - *(((74 - 支持调整饼图的颜色、尺寸67 +((( 68 + 75 75 ))) 76 -* ((( 77 -基础饼图变环形图 78 -))) 79 -* ((( 80 -调整环形图的内半径 81 81 71 +((( 82 82 73 + 74 + 83 83 ))) 84 84 85 85 ==== **【样式配置说明】** ==== ... ... @@ -138,7 +138,6 @@ 138 138 )))|(% colspan="1" rowspan="1" %)((( 139 139 默认选中“常规”,第二选项:环形图,环形图效果如下: 140 140 141 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTJjYWU5ZjE3Njc4MTk1MmE2NzhkZDYwMWExMjA4MDdfWnlaZEkxeDVHQVpMdnBCaW1JaUdSTGhISUYyaGxGaXpfVG9rZW46VFFHQWJBUXJTb0J3MGN4ektyMWNINVlvbkVlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 142 142 143 143 144 144 ))) ... ... @@ -206,11 +206,9 @@ 206 206 207 207 标签在内部的样式示例: 208 208 209 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MTkxOGEyZTAxZDMyYWYwNTgzYThlNjE4NjFlYTgzY2FfRUtkS1BFUzZpazNSNXlDSTZIYTNoM1hIREo1NUtCSDhfVG9rZW46Vkp2eGJnMERmbzQ1cFN4YXB3cWNxc1FkbmdlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 210 210 211 211 标签为住蜘蛛图示例: 212 212 213 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjU0N2U1ZmRkNmRjNTNkNjlkMDU1YjljNmU3MDdlYzhfcElWRVcxejlSdE9zSktrVmZXcmxLTHBnaVRWZmtzWk1fVG9rZW46TnZyUWI2WDRMb0pta2d4S0pEN2NTRGpBbmdiXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 214 214 215 215 216 216 ))) ... ... @@ -225,7 +225,6 @@ 225 225 )))|(% colspan="1" rowspan="1" %)((( 226 226 是标题、百分比、值的各种排列组合,默认选择【标题,百分比】如下: 227 227 228 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=M2FiYWI0ZDIyZGFiNzM0NGEyNTgwOTI2NGU2OWVjY2RfU292b0x5eFQxMFZwR2xHazc2YUwxNU5Eb2E4TXplTjFfVG9rZW46T2VVcWJpMXZ0b3ZOVjZ4TGJCZGNpV3BibnloXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 229 229 230 230 231 231 ))) ... ... @@ -236,7 +236,6 @@ 236 236 )))|(% colspan="1" rowspan="1" %)((( 237 237 默认是2。 238 238 239 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YmFkMjkzNTY2ZmIxOGY5MmFhNmM4OTRiZGQzMWQxYzVfUzhNTW44d1VBM3FSeERmeHgyYVNHYVk4RVhpSGJvblhfVG9rZW46WGhOUmI1VHRtb1BNWTB4cHJxOWNIbFZjbkxoXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 240 240 241 241 242 242 ))) ... ... @@ -258,7 +258,6 @@ 258 258 259 259 注意:如果用户选中3点或9点这两个位置的时候, 图例需要**纵向**排列(如下图),其余位置是横向排列的。 260 260 261 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MDFmOWViNzA5NjkzYzZhYjkzMDlkYTNmZTA0NDA1M2FfT2JpNFBwR2tDRTBBTGtGSVRYS2IxT2VjVzVsM2ZSc0FfVG9rZW46RjhHZGJaejlhbzUxV2Z4OEZwRmNsM1Iwbm1lXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 262 262 263 263 264 264 )))
- 1729749814387-113.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.yinshi - 大小
-
... ... @@ -1,0 +1,1 @@ 1 +97.7 KB - 内容
- 1729750188515-947.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.yinshi - 大小
-
... ... @@ -1,0 +1,1 @@ 1 +73.6 KB - 内容