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