由 liuqing01 于 2025/06/30 11:36 最后修改
摘要
细节
- 页面属性
-
- 内容
-
... ... @@ -15,6 +15,7 @@ 15 15 **重点突出**: 可以通过突出饼状图中某个扇形或几个重要的扇形,来强调特定的数据或类别。比如,突出某个产品的市场份额、突出某个地区的销售占比等。 16 16 ))) 17 17 18 + 18 18 ==== **【基本要求】** ==== 19 19 20 20 饼图的基本要求如下: ... ... @@ -29,7 +29,6 @@ 29 29 30 30 创建报表,在左上角选择饼状图,然后选定数据源,如图: 31 31 32 -[[image:1729843622506-386.png||height="546" width="767"]] 33 33 34 34 35 35 **Step-2 选择图表展示字段** ... ... @@ -79,129 +79,186 @@ 79 79 80 80 |(% colspan="1" rowspan="1" %)((( 81 81 82 -)))|(% colspan="1" rowspan="1" style="width:107px"%)(((82 +)))|(% colspan="1" rowspan="1" %)((( 83 83 样式设置分类 84 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((84 +)))|(% colspan="1" rowspan="1" %)((( 85 85 配置项 86 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 87 -用途 86 +)))|(% colspan="1" rowspan="1" %)((( 87 +形态 88 +)))|(% colspan="1" rowspan="1" %)((( 89 + 88 88 ))) 89 -|(% colspan="1" rowspan="1 4" %)(((91 +|(% colspan="1" rowspan="18" %)((( 90 90 **饼状图** 91 91 92 92 93 -)))|(% colspan="1" rowspan=" 6"style="width:107px"%)(((94 -基础 设置95 +)))|(% colspan="1" rowspan="9" %)((( 96 +基础 95 95 96 96 97 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((99 +)))|(% colspan="1" rowspan="1" %)((( 98 98 显示标题 99 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)(((100 - 控制画布左上角的标题是否显示的开关101 - 102 - [[image:1729754356435-491.png]]101 +)))|(% colspan="1" rowspan="1" %)((( 102 +开关 103 +)))|(% colspan="1" rowspan="1" %)((( 104 +默认开启 103 103 ))) 104 -|(% colspan="1" rowspan="1" style="width:150px"%)(((106 +|(% colspan="1" rowspan="1" %)((( 105 105 标题名称 106 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义报表标题 107 -|(% colspan="1" rowspan="1" style="width:150px" %)((( 108 +)))|(% colspan="1" rowspan="1" %)((( 109 +输入框 110 +)))|(% colspan="1" rowspan="1" %)((( 111 +默认输入:饼状图 112 +))) 113 +|(% colspan="1" rowspan="1" %)((( 108 108 帮助文字 109 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)开启后,标题右侧出现小问号,鼠标悬浮时,出现帮助文字具体内容 110 -[[image:1729754478509-444.png]] 111 -|(% colspan="1" rowspan="1" style="width:150px" %)((( 115 +)))|(% colspan="1" rowspan="1" %)((( 116 +开关 117 +)))|(% colspan="1" rowspan="1" %)((( 118 +默认关闭 119 +))) 120 +|(% colspan="1" rowspan="1" %)((( 112 112 帮助文字内容 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" %)((( 122 +)))|(% colspan="1" rowspan="1" %)((( 123 +输入框 124 +)))|(% colspan="1" rowspan="1" %)((( 125 +占位提示:请输入 126 +))) 127 +|(% colspan="1" rowspan="1" %)((( 128 +折线图类型 129 +)))|(% colspan="1" rowspan="1" %)((( 130 +选项卡 131 +)))|(% colspan="1" rowspan="1" %)((( 117 117 默认选中“常规”,第二选项:环形图,环形图效果如下: 118 118 119 -[[image: 1729754564047-207.png||height="451"width="1137"]]134 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NTJjYWU5ZjE3Njc4MTk1MmE2NzhkZDYwMWExMjA4MDdfWnlaZEkxeDVHQVpMdnBCaW1JaUdSTGhISUYyaGxGaXpfVG9rZW46VFFHQWJBUXJTb0J3MGN4ektyMWNINVlvbkVlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 120 120 121 121 122 122 ))) 123 -|(% colspan="1" rowspan="1" style="width:150px"%)(((138 +|(% colspan="1" rowspan="1" %)((( 124 124 配色方案 125 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 126 -支持用户自定义图形整体的配色方案 140 +)))|(% colspan="1" rowspan="1" %)((( 141 +按钮或下拉 142 +)))|(% colspan="1" rowspan="1" %)((( 143 + 127 127 ))) 128 -|(% colspan="1" rowspan="5" style="width:107px" %)((( 145 +|(% colspan="1" rowspan="1" %)((( 146 +启用导出 147 +)))|(% colspan="1" rowspan="1" %)((( 148 +开关 149 +)))|(% colspan="1" rowspan="1" %)((( 150 +默认打开 151 +))) 152 +|(% colspan="1" rowspan="1" %)((( 153 +导出格式 154 +)))|(% colspan="1" rowspan="1" %)((( 155 +多选 156 +)))|(% colspan="1" rowspan="1" %)((( 157 +同柱状图 158 +))) 159 +|(% colspan="1" rowspan="1" %)((( 160 + 161 +)))|(% colspan="1" rowspan="1" %)((( 162 + 163 +)))|(% colspan="1" rowspan="1" %)((( 164 + 165 +))) 166 +|(% colspan="1" rowspan="6" %)((( 129 129 标签 130 130 131 131 132 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((170 +)))|(% colspan="1" rowspan="1" %)((( 133 133 显示标签 134 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 135 -((( 136 -控制是否显示标签的开关,如下图: 137 - 138 -[[image:1729754768467-631.png||height="523" width="1081"]] 172 +)))|(% colspan="1" rowspan="1" %)((( 173 +开关 174 +)))|(% colspan="1" rowspan="1" %)((( 175 +默认开启 139 139 ))) 140 - 141 -((( 142 - 143 -))) 144 -))) 145 -|(% colspan="1" rowspan="1" style="width:150px" %)((( 177 +|(% colspan="1" rowspan="1" %)((( 146 146 颜色字号 147 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 148 -略 179 +)))|(% colspan="1" rowspan="1" %)((( 180 +拾色器+下拉 181 +)))|(% colspan="1" rowspan="1" %)((( 182 +默认:黑色,12号字 149 149 ))) 150 -|(% colspan="1" rowspan="1" style="width:150px" %)((( 184 +|(% colspan="1" rowspan="1" %)((( 185 +连接线 186 +)))|(% colspan="1" rowspan="1" %)((( 187 +开关 188 +)))|(% colspan="1" rowspan="1" %)((( 189 +默认开启 190 +))) 191 +|(% colspan="1" rowspan="1" %)((( 151 151 标签位置 152 152 153 153 154 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 195 +)))|(% colspan="1" rowspan="1" %)((( 196 +选项卡 197 +)))|(% colspan="1" rowspan="1" %)((( 155 155 内部,外部,蜘蛛图 156 156 157 157 标签在内部的样式示例: 158 158 159 -[[image: 1729755807593-924.png]]202 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MTkxOGEyZTAxZDMyYWYwNTgzYThlNjE4NjFlYTgzY2FfRUtkS1BFUzZpazNSNXlDSTZIYTNoM1hIREo1NUtCSDhfVG9rZW46Vkp2eGJnMERmbzQ1cFN4YXB3cWNxc1FkbmdlXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 160 160 161 161 标签为住蜘蛛图示例: 162 162 163 -[[image: 1729755819541-398.png]]206 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjU0N2U1ZmRkNmRjNTNkNjlkMDU1YjljNmU3MDdlYzhfcElWRVcxejlSdE9zSktrVmZXcmxLTHBnaVRWZmtzWk1fVG9rZW46TnZyUWI2WDRMb0pta2d4S0pEN2NTRGpBbmdiXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 164 164 165 165 166 166 ))) 167 -|(% colspan="1" rowspan="1" style="width:150px"%)(((210 +|(% colspan="1" rowspan="1" %)((( 168 168 标签内容 169 169 170 170 171 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)(((172 - 是标题、百分比、值的各种排列组合,默认选择【标题,百分比】如下,用户也可以改成其他内容,例如“标题,值(百分比)”,如下图:214 +)))|(% colspan="1" rowspan="1" %)((( 215 +下拉 173 173 174 -[[image:1729756074259-175.png]] 217 + 218 +)))|(% colspan="1" rowspan="1" %)((( 219 +是标题、百分比、值的各种排列组合,默认选择【标题,百分比】如下: 175 175 221 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=M2FiYWI0ZDIyZGFiNzM0NGEyNTgwOTI2NGU2OWVjY2RfU292b0x5eFQxMFZwR2xHazc2YUwxNU5Eb2E4TXplTjFfVG9rZW46T2VVcWJpMXZ0b3ZOVjZ4TGJCZGNpV3BibnloXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 222 + 176 176 177 177 ))) 178 -|(% colspan="1" rowspan="1" style="width:150px"%)(((225 +|(% colspan="1" rowspan="1" %)((( 179 179 百分比小数位数 180 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 181 -设置上述标签内容中,百分比的小数位数,例如设置成显示3位小数,如下图: 227 +)))|(% colspan="1" rowspan="1" %)((( 228 +下拉选择 229 +)))|(% colspan="1" rowspan="1" %)((( 230 +默认是2。 182 182 183 -[[image: 1729756197988-684.png]]232 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YmFkMjkzNTY2ZmIxOGY5MmFhNmM4OTRiZGQzMWQxYzVfUzhNTW44d1VBM3FSeERmeHgyYVNHYVk4RVhpSGJvblhfVG9rZW46WGhOUmI1VHRtb1BNWTB4cHJxOWNIbFZjbkxoXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 184 184 185 - 186 186 187 187 ))) 188 -|(% colspan="1" rowspan="3" style="width:107px"%)(((236 +|(% colspan="1" rowspan="3" %)((( 189 189 图例 190 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((238 +)))|(% colspan="1" rowspan="1" %)((( 191 191 显示图例 192 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)(((193 - 默认开启, 如下图:194 - 195 - [[image:1729756246566-930.png]]240 +)))|(% colspan="1" rowspan="1" %)((( 241 +开关 242 +)))|(% colspan="1" rowspan="1" %)((( 243 +默认开启 196 196 ))) 197 -|(% colspan="1" rowspan="1" style="width:150px"%)(((245 +|(% colspan="1" rowspan="1" %)((( 198 198 图例位置 199 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 200 -图例默认出现在画布的左上角,同时支持用户设置图例在画布中的位置 247 +)))|(% colspan="1" rowspan="1" %)((( 248 +八宫格 249 +)))|(% colspan="1" rowspan="1" %)((( 250 +默认选中:左上角。 201 201 252 +注意:如果用户选中3点或9点这两个位置的时候, 图例需要**纵向**排列(如下图),其余位置是横向排列的。 202 202 254 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=MDFmOWViNzA5NjkzYzZhYjkzMDlkYTNmZTA0NDA1M2FfT2JpNFBwR2tDRTBBTGtGSVRYS2IxT2VjVzVsM2ZSc0FfVG9rZW46RjhHZGJaejlhbzUxV2Z4OEZwRmNsM1Iwbm1lXzE3Mjk3MzgxMDg6MTcyOTc0MTcwOF9WNA]] 255 + 203 203 204 204 ))) 205 -|(% colspan="1" rowspan="1" style="width:150px"%)(((258 +|(% colspan="1" rowspan="1" %)((( 206 206 颜色字号 207 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户根据需要自行调整图例的文字颜色和字体大小 260 +)))|(% colspan="1" rowspan="1" %)((( 261 +拾色器+下拉 262 +)))|(% colspan="1" rowspan="1" %)((( 263 +默认:黑色,12号字 264 +)))
- 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 - 内容
- 1729843622506-386.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -37.5 KB - 内容