Skip to Content

文档更改5.8.2.3 Pie chart

由 liuqing01 于 2025/06/30 11:36 最后修改
从版本 8.1
由yinshi编辑
在2024/10/24 06:13上
修改评论： 该版本没有评论
到版本
由yinshi编辑
在2024/10/24 02:48上
修改评论： 该版本没有评论

摘要

细节

页面属性
内容
... ... @@ -1,34 +1,41 @@
1 -==== **【使用场景】** ====
1 +====== 使用场景 ======
2 2  
3 3   饼状图是一种常用的数据可视化图表类型，它将数据呈现为一个类似于饼状的圆形，将不同数据分类的比例以扇形的方式展示出来，适用于以下一些场景：
4 4  
5 5  * (((
6 -**比例展示**： 饼状图适合展示不同类别在总体中的比例或占比关系。比如，市场份额、各种支出占总支出的比例等。
6 +比例展示： 饼状图适合展示不同类别在总体中的比例或占比关系。比如，市场份额、各种支出占总支出的比例等。
7 7  )))
8 8  * (((
9 -**分类展示**： 饼状图可以将数据按照不同的类别进行分类展示，直观地展示各个类别之间的比较。比如，不同产品的销售比例、不同地区的销售占比等。
9 +分类展示： 饼状图可以将数据按照不同的类别进行分类展示，直观地展示各个类别之间的比较。比如，不同产品的销售比例、不同地区的销售占比等。
10 10  )))
11 11  * (((
12 -**趋势分析**： 通过观察饼状图中各个扇形的大小变化，可以分析数据的趋势和变化情况。比如，销售额的季节性变化、不同年龄段用户的占比变化等。
12 +趋势分析： 通过观察饼状图中各个扇形的大小变化，可以分析数据的趋势和变化情况。比如，销售额的季节性变化、不同年龄段用户的占比变化等。
13 13  )))
14 14  * (((
15 -**重点突出**： 可以通过突出饼状图中某个扇形或几个重要的扇形，来强调特定的数据或类别。比如，突出某个产品的市场份额、突出某个地区的销售占比等。
15 +重点突出： 可以通过突出饼状图中某个扇形或几个重要的扇形，来强调特定的数据或类别。比如，突出某个产品的市场份额、突出某个地区的销售占比等。
16 16  )))
17 17  
18 -==== **【基本要求】** ====
18 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OGE0ZTFlYWMwNDY3ZGNmOGY0YmI2NDRmYjIyZDk1ZTRfbjBhNkxzcFN1OTBiR21ReWplNkxaR3JXajZYNms2WFFfVG9rZW46Q3pReWJXZnF5b0EyZUR4dmsyTmMzSVhNbkFkXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
19 19  
20 +
21 +
22 +====== 基本要求 ======
23 +
20 20   饼图的基本要求如下：
21 21  
22 -(% style="width:402px" %)
23 -|(% style="width:175px" %)分类字段|(% style="width:225px" %)数值字段
24 -|(% style="width:175px" %)最多1个字段|(% style="width:225px" %)最多1个字段
25 25  
26 -==== **【操作步骤】** ====
27 +|分类字段|数值字段
28 +|最多1个字段|最多1个字段
27 27  
30 +
31 +
32 +====== 操作步骤 ======
33 +
28 28   **Step-1 选择组件，配置数据源**
29 29  
30 30   创建报表，在左上角选择饼状图，然后选定数据源，如图：
31 31  
38 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmE3ZmIwYWQ1YWVmM2Q1YTJlNWQyMTNkMmJlNmQ5YjBfWW1ZdUNIakpwM1dFbW1GSjc4OFZ0U2RVS29pR3oxbXhfVG9rZW46WWRKV2JYMU1Ob0doZE14d0I0MmN6ekh4bkFjXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
32 32  
33 33  
34 34   **Step-2 选择图表展示字段**
... ... @@ -38,44 +38,45 @@
38 38  * (((
39 39  饼状图的数据源：
40 40  
41 - 有了分类字段和数值字段，就可以根据数据的实际情况，绘制出正确的饼状图。下图中：将分类字段拖入销售物品类型，数值字段拖入销售数量，则可以得出：【按照销售物品类型分类后的销售数量的统计饼状图】
48 +如果在数值字段（虚线框）中拖入非数值类型的字段（如：字符串、日期、地点类型）：
42 42  
50 +会根据默认聚合方式（计数），将字符串、日期、地点转化为该字段出现的次数，作为实际的取值，传给报表引擎
43 43  
52 + 有了分类字段和数值字段，就可以根据数据的实际情况，绘制出正确的饼状图。下图中：将分类字段拖入销售物品类型，数值字段拖入销售收入，则可以得出：【按照销售物品类型分类后的销售收入饼状图】
53 +
54 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YjgyYjYyOGU4ZTQ2NjM2MWNlN2RhMjNjY2Y5MTc2YzRfQWROaE9QRDRCQ3h1bW9FUEh5T3owWDF5Y3RqSEp0bWhfVG9rZW46QlJ2amJZOFgyb2REbjd4VDlPQmNUS3FCbnVmXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
55 +
56 + 注意：**分类字段**、**数值字段，都不能通过公式编辑器生成**
57 +
44 44  * (((
45 45  **分类字段：** 本字段表示数据的类别或分类，每个数据点都应该有一个对应的类别。类别字段可以是产品名称、地区名称、部门名称等，用于表示数据所属的具体类别。
46 46  )))
47 47  * (((
48 48  **数值字段：** 本字段表示每个类别的具体数值/数量。数值字段可以是销售额、销售数量、市场份额等，用于表示每个类别在总体中的比例或占比。
49 -
50 ->
51 -
52 -(((
53 -====== 如果在数值字段（虚线框）中拖入非数值类型的字段（如：字符串、日期、地点类型），会根据默认聚合方式（计数），将字符串、日期、地点转化为该字段出现的次数 ======
54 54  )))
55 -
56 -[[image:1729749814387-113.png||height="669" width="1300"]]
57 57  )))
65 +* (((
66 +条件过滤：支持
58 58  )))
59 59  
69 +
60 60   **Step-3 样式设置**
61 61  
62 - 分为三小类：【基础设置】、【标签】，【图例】，如下图：
72 + 分为三小类：【基础】、【标签】，【图例】，如下图：
63 63  
64 -[[image:1729750188515-947.png||height="766" width="1425"]]
74 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTIyOTAxYWRlODIzZjRmZWY1N2VjNjY4YmMyMTc5ZTFfaFh4bHFGUm5TS1l1ZE1UZUNUalJFanJDaU1hMnQzT3pfVG9rZW46TVR0MGJteUpnb29xcEd4U0owOWNkN1VMbjNlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
65 65  
66 66  
67 -(((
68 -
77 +* (((
78 +支持调整饼图的颜色、尺寸
69 69  )))
70 -
71 -(((
72 -
73 -
74 -
80 +* (((
81 +基础饼图变环形图
75 75  )))
83 +* (((
84 +调整环形图的内半径
85 +)))
76 76  
77 -==== **【样式配置说明】** ====
78 -
79 79  |(% colspan="1" rowspan="1" %)(((
80 80  
81 81  )))|(% colspan="1" rowspan="1" %)(((
... ... @@ -130,6 +130,7 @@
130 130  )))|(% colspan="1" rowspan="1" %)(((
131 131  默认选中“常规”，第二选项：环形图，环形图效果如下：
132 132  
141 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTJjYWU5ZjE3Njc4MTk1MmE2NzhkZDYwMWExMjA4MDdfWnlaZEkxeDVHQVpMdnBCaW1JaUdSTGhISUYyaGxGaXpfVG9rZW46VFFHQWJBUXJTb0J3MGN4ektyMWNINVlvbkVlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
133 133  
134 134  
135 135  )))
... ... @@ -197,9 +197,11 @@
197 197  
198 198  标签在内部的样式示例：
199 199  
209 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MTkxOGEyZTAxZDMyYWYwNTgzYThlNjE4NjFlYTgzY2FfRUtkS1BFUzZpazNSNXlDSTZIYTNoM1hIREo1NUtCSDhfVG9rZW46Vkp2eGJnMERmbzQ1cFN4YXB3cWNxc1FkbmdlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
200 200  
201 201  标签为住蜘蛛图示例：
202 202  
213 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjU0N2U1ZmRkNmRjNTNkNjlkMDU1YjljNmU3MDdlYzhfcElWRVcxejlSdE9zSktrVmZXcmxLTHBnaVRWZmtzWk1fVG9rZW46TnZyUWI2WDRMb0pta2d4S0pEN2NTRGpBbmdiXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
203 203  
204 204  
205 205  )))
... ... @@ -214,6 +214,7 @@
214 214  )))|(% colspan="1" rowspan="1" %)(((
215 215  是标题、百分比、值的各种排列组合，默认选择【标题，百分比】如下：
216 216  
228 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=M2FiYWI0ZDIyZGFiNzM0NGEyNTgwOTI2NGU2OWVjY2RfU292b0x5eFQxMFZwR2xHazc2YUwxNU5Eb2E4TXplTjFfVG9rZW46T2VVcWJpMXZ0b3ZOVjZ4TGJCZGNpV3BibnloXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
217 217  
218 218  
219 219  )))
... ... @@ -224,6 +224,7 @@
224 224  )))|(% colspan="1" rowspan="1" %)(((
225 225  默认是2。
226 226  
239 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YmFkMjkzNTY2ZmIxOGY5MmFhNmM4OTRiZGQzMWQxYzVfUzhNTW44d1VBM3FSeERmeHgyYVNHYVk4RVhpSGJvblhfVG9rZW46WGhOUmI1VHRtb1BNWTB4cHJxOWNIbFZjbkxoXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
227 227  
228 228  
229 229  )))
... ... @@ -245,6 +245,7 @@
245 245  
246 246  注意：如果用户选中3点或9点这两个位置的时候， 图例需要**纵向**排列（如下图），其余位置是横向排列的。
247 247  
261 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MDFmOWViNzA5NjkzYzZhYjkzMDlkYTNmZTA0NDA1M2FfT2JpNFBwR2tDRTBBTGtGSVRYS2IxT2VjVzVsM2ZSc0FfVG9rZW46RjhHZGJaejlhbzUxV2Z4OEZwRmNsM1Iwbm1lXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
248 248  
249 249  
250 250  )))
1729749814387-113.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -97.7 KB
内容
1729750188515-947.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -73.6 KB
内容