Skip to Content

文档更改5.8.2.3 Pie chart

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

摘要

细节

页面属性
标题
... ... @@ -1,1 +1,1 @@
1 -5.8.2.3 饼状图
1 +5.8.2.3 Pie chart
父
... ... @@ -1,1 +1,1 @@
1 -Main.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome
1 +Egret Cloud Operation manual.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome
文档作者
... ... @@ -1,1 +1,1 @@
1 -XWiki.yinshi
1 +XWiki.maym
内容
... ... @@ -15,8 +15,6 @@
15 15  **重点突出**： 可以通过突出饼状图中某个扇形或几个重要的扇形，来强调特定的数据或类别。比如，突出某个产品的市场份额、突出某个地区的销售占比等。
16 16  )))
17 17  
18 -
19 -
20 20  ==== **【基本要求】** ====
21 21  
22 22   饼图的基本要求如下：
... ... @@ -31,6 +31,7 @@
31 31  
32 32   创建报表，在左上角选择饼状图，然后选定数据源，如图：
33 33  
32 +[[image:1729843622506-386.png||height="546" width="767"]]
34 34  
35 35  
36 36   **Step-2 选择图表展示字段**
... ... @@ -49,7 +49,9 @@
49 49  * (((
50 50  **数值字段：** 本字段表示每个类别的具体数值/数量。数值字段可以是销售额、销售数量、市场份额等，用于表示每个类别在总体中的比例或占比。
51 51  
52 ->(((
51 +>
52 +
53 +(((
53 53  ====== 如果在数值字段（虚线框）中拖入非数值类型的字段（如：字符串、日期、地点类型），会根据默认聚合方式（计数），将字符串、日期、地点转化为该字段出现的次数 ======
54 54  )))
55 55  
... ... @@ -59,21 +59,19 @@
59 59  
60 60   **Step-3 样式设置**
61 61  
62 - 分为三小类：【基础】、【标签】，【图例】，如下图：
63 + 分为三小类：【基础设置】、【标签】，【图例】，如下图：
63 63  
64 64  [[image:1729750188515-947.png||height="766" width="1425"]]
65 65  
66 66  
67 -* (((
68 -支持调整饼图的颜色、尺寸
68 +(((
69 +
69 69  )))
70 -* (((
71 -基础饼图变环形图
72 -)))
73 -* (((
74 -调整环形图的内半径
75 75  
72 +(((
76 76  
74 +
75 +
77 77  )))
78 78  
79 79  ==== **【样式配置说明】** ====
... ... @@ -80,186 +80,119 @@
80 80  
81 81  |(% colspan="1" rowspan="1" %)(((
82 82  
83 -)))|(% colspan="1" rowspan="1" %)(((
82 +)))|(% colspan="1" rowspan="1" style="width:107px" %)(((
84 84  样式设置分类
85 -)))|(% colspan="1" rowspan="1" %)(((
84 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
86 86  配置项
87 -)))|(% colspan="1" rowspan="1" %)(((
88 -形态
89 -)))|(% colspan="1" rowspan="1" %)(((
90 -
86 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
87 +用途
91 91  )))
92 -|(% colspan="1" rowspan="18" %)(((
89 +|(% colspan="1" rowspan="14" %)(((
93 93  **饼状图**
94 94  
95 95  
96 -)))|(% colspan="1" rowspan="9" %)(((
97 -基础
93 +)))|(% colspan="1" rowspan="6" style="width:107px" %)(((
94 +基础设置
98 98  
99 99  
100 -)))|(% colspan="1" rowspan="1" %)(((
97 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
101 101  显示标题
102 -)))|(% colspan="1" rowspan="1" %)(((
103 -开关
104 -)))|(% colspan="1" rowspan="1" %)(((
105 -默认开启
99 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
100 +控制画布左上角的标题是否显示的开关
101 +
102 +[[image:1729754356435-491.png]]
106 106  )))
107 -|(% colspan="1" rowspan="1" %)(((
104 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
108 108  标题名称
109 -)))|(% colspan="1" rowspan="1" %)(((
110 -输入框
111 -)))|(% colspan="1" rowspan="1" %)(((
112 -默认输入：饼状图
113 -)))
114 -|(% colspan="1" rowspan="1" %)(((
106 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义报表标题
107 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
115 115  帮助文字
116 -)))|(% colspan="1" rowspan="1" %)(((
117 -开关
118 -)))|(% colspan="1" rowspan="1" %)(((
119 -默认关闭
120 -)))
121 -|(% colspan="1" rowspan="1" %)(((
109 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)开启后，标题右侧出现小问号，鼠标悬浮时，出现帮助文字具体内容
110 +[[image:1729754478509-444.png]]
111 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
122 122  帮助文字内容
123 -)))|(% colspan="1" rowspan="1" %)(((
124 -输入框
125 -)))|(% colspan="1" rowspan="1" %)(((
126 -占位提示：请输入
127 -)))
128 -|(% colspan="1" rowspan="1" %)(((
129 -折线图类型
130 -)))|(% colspan="1" rowspan="1" %)(((
131 -选项卡
132 -)))|(% colspan="1" rowspan="1" %)(((
113 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义帮助文字的文案，例如“本月销售总额统计”
114 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
115 +饼状图类型
116 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
133 133  默认选中“常规”，第二选项：环形图，环形图效果如下：
134 134  
135 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTJjYWU5ZjE3Njc4MTk1MmE2NzhkZDYwMWExMjA4MDdfWnlaZEkxeDVHQVpMdnBCaW1JaUdSTGhISUYyaGxGaXpfVG9rZW46VFFHQWJBUXJTb0J3MGN4ektyMWNINVlvbkVlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
119 +[[image:1729754564047-207.png||height="451" width="1137"]]
136 136  
137 137  
138 138  )))
139 -|(% colspan="1" rowspan="1" %)(((
123 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
140 140  配色方案
141 -)))|(% colspan="1" rowspan="1" %)(((
142 -按钮或下拉
143 -)))|(% colspan="1" rowspan="1" %)(((
144 -
125 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
126 +支持用户自定义图形整体的配色方案
145 145  )))
146 -|(% colspan="1" rowspan="1" %)(((
147 -启用导出
148 -)))|(% colspan="1" rowspan="1" %)(((
149 -开关
150 -)))|(% colspan="1" rowspan="1" %)(((
151 -默认打开
152 -)))
153 -|(% colspan="1" rowspan="1" %)(((
154 -导出格式
155 -)))|(% colspan="1" rowspan="1" %)(((
156 -多选
157 -)))|(% colspan="1" rowspan="1" %)(((
158 -同柱状图
159 -)))
160 -|(% colspan="1" rowspan="1" %)(((
161 -
162 -)))|(% colspan="1" rowspan="1" %)(((
163 -
164 -)))|(% colspan="1" rowspan="1" %)(((
165 -
166 -)))
167 -|(% colspan="1" rowspan="6" %)(((
128 +|(% colspan="1" rowspan="5" style="width:107px" %)(((
168 168  标签
169 169  
170 170  
171 -)))|(% colspan="1" rowspan="1" %)(((
132 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
172 172  显示标签
173 -)))|(% colspan="1" rowspan="1" %)(((
174 -开关
175 -)))|(% colspan="1" rowspan="1" %)(((
176 -默认开启
134 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
135 +(((
136 +控制是否显示标签的开关，如下图：
137 +
138 +[[image:1729754768467-631.png||height="523" width="1081"]]
177 177  )))
178 -|(% colspan="1" rowspan="1" %)(((
179 -颜色字号
180 -)))|(% colspan="1" rowspan="1" %)(((
181 -拾色器+下拉
182 -)))|(% colspan="1" rowspan="1" %)(((
183 -默认：黑色，12号字
140 +
141 +(((
142 +
184 184  )))
185 -|(% colspan="1" rowspan="1" %)(((
186 -连接线
187 -)))|(% colspan="1" rowspan="1" %)(((
188 -开关
189 -)))|(% colspan="1" rowspan="1" %)(((
190 -默认开启
191 191  )))
192 -|(% colspan="1" rowspan="1" %)(((
145 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
146 +颜色字号
147 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
148 +略
149 +)))
150 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
193 193  标签位置
194 194  
195 195  
196 -)))|(% colspan="1" rowspan="1" %)(((
197 -选项卡
198 -)))|(% colspan="1" rowspan="1" %)(((
199 -内部，外部，蜘蛛图
200 -
201 -标签在内部的样式示例：
202 -
203 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MTkxOGEyZTAxZDMyYWYwNTgzYThlNjE4NjFlYTgzY2FfRUtkS1BFUzZpazNSNXlDSTZIYTNoM1hIREo1NUtCSDhfVG9rZW46Vkp2eGJnMERmbzQ1cFN4YXB3cWNxc1FkbmdlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
204 -
205 -标签为住蜘蛛图示例：
206 -
207 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjU0N2U1ZmRkNmRjNTNkNjlkMDU1YjljNmU3MDdlYzhfcElWRVcxejlSdE9zSktrVmZXcmxLTHBnaVRWZmtzWk1fVG9rZW46TnZyUWI2WDRMb0pta2d4S0pEN2NTRGpBbmdiXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
208 -
209 -
154 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
155 +支持3种模式：内部，外部，蜘蛛图
210 210  )))
211 -|(% colspan="1" rowspan="1" %)(((
157 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
212 212  标签内容
213 213  
214 214  
215 -)))|(% colspan="1" rowspan="1" %)(((
216 -下拉
161 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
162 +是标题、百分比、值的各种排列组合，默认选择【标题，百分比】如下，用户也可以改成其他内容，例如“标题，值（百分比）”，如下图：
217 217  
218 -
219 -)))|(% colspan="1" rowspan="1" %)(((
220 -是标题、百分比、值的各种排列组合，默认选择【标题，百分比】如下：
164 +[[image:1729756074259-175.png]]
221 221  
222 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=M2FiYWI0ZDIyZGFiNzM0NGEyNTgwOTI2NGU2OWVjY2RfU292b0x5eFQxMFZwR2xHazc2YUwxNU5Eb2E4TXplTjFfVG9rZW46T2VVcWJpMXZ0b3ZOVjZ4TGJCZGNpV3BibnloXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
223 -
224 224  
225 225  )))
226 -|(% colspan="1" rowspan="1" %)(((
168 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
227 227  百分比小数位数
228 -)))|(% colspan="1" rowspan="1" %)(((
229 -下拉选择
230 -)))|(% colspan="1" rowspan="1" %)(((
231 -默认是2。
170 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
171 +设置上述标签内容中，百分比的小数位数，例如设置成显示3位小数，如下图：
232 232  
233 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YmFkMjkzNTY2ZmIxOGY5MmFhNmM4OTRiZGQzMWQxYzVfUzhNTW44d1VBM3FSeERmeHgyYVNHYVk4RVhpSGJvblhfVG9rZW46WGhOUmI1VHRtb1BNWTB4cHJxOWNIbFZjbkxoXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
173 +[[image:1729756197988-684.png]]
234 234  
175 +
235 235  
236 236  )))
237 -|(% colspan="1" rowspan="3" %)(((
178 +|(% colspan="1" rowspan="3" style="width:107px" %)(((
238 238  图例
239 -)))|(% colspan="1" rowspan="1" %)(((
180 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
240 240  显示图例
241 -)))|(% colspan="1" rowspan="1" %)(((
242 -开关
243 -)))|(% colspan="1" rowspan="1" %)(((
244 -默认开启
182 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
183 +默认开启， 如下图：
184 +
185 +[[image:1729756246566-930.png]]
245 245  )))
246 -|(% colspan="1" rowspan="1" %)(((
187 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
247 247  图例位置
248 -)))|(% colspan="1" rowspan="1" %)(((
249 -八宫格
250 -)))|(% colspan="1" rowspan="1" %)(((
251 -默认选中：左上角。
189 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
190 +图例默认出现在画布的左上角，同时支持用户设置图例在画布中的位置
252 252  
253 -注意：如果用户选中3点或9点这两个位置的时候， 图例需要**纵向**排列（如下图），其余位置是横向排列的。
254 254  
255 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MDFmOWViNzA5NjkzYzZhYjkzMDlkYTNmZTA0NDA1M2FfT2JpNFBwR2tDRTBBTGtGSVRYS2IxT2VjVzVsM2ZSc0FfVG9rZW46RjhHZGJaejlhbzUxV2Z4OEZwRmNsM1Iwbm1lXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]]
256 -
257 257  
258 258  )))
259 -|(% colspan="1" rowspan="1" %)(((
195 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
260 260  颜色字号
261 -)))|(% colspan="1" rowspan="1" %)(((
262 -拾色器+下拉
263 -)))|(% colspan="1" rowspan="1" %)(((
264 -默认：黑色，12号字
265 -)))
197 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户根据需要自行调整图例的文字颜色和字体大小
1729754311290-456.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +26.7 KB
内容
1729754333571-786.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +11.1 KB
内容
1729754356435-491.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +19.1 KB
内容
1729754478509-444.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +20.4 KB
内容
1729754564047-207.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +73.4 KB
内容
1729754768467-631.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +51.1 KB
内容
1729755002756-406.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +16.5 KB
内容
1729755807593-924.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +14.7 KB
内容
1729755819541-398.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +26.9 KB
内容
1729756074259-175.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +68.2 KB
内容
1729756197988-684.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +43.2 KB
内容
1729756246566-930.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +27.7 KB
内容
1729843622506-386.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +37.5 KB
内容