Skip to Content

文档更改5.8.2.3 Pie chart

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

摘要

细节

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