由 liuqing01 于 2025/06/30 11:35 最后修改
摘要
细节
- 页面属性
-
- 内容
-
... ... @@ -55,6 +55,9 @@ 55 55 56 56 57 57 58 + 59 + 60 + 58 58 ====== 【基本要求】 ====== 59 59 60 60 要实现折线图的效果,基本要求如下 。 ... ... @@ -90,227 +90,4 @@ 90 90 91 91 样式设置 92 92 93 -样式设置 94 - 95 -|(% colspan="1" rowspan="1" style="width:52px" %)((( 96 96 97 -)))|(% colspan="1" rowspan="1" style="width:76.9844px" %)((( 98 -样式设置分类 99 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 100 -配置项 101 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 102 -用途 103 -))) 104 -|(% colspan="1" rowspan="27" style="width:52px" %)((( 105 -**折线图** 106 - 107 - 108 -)))|(% colspan="1" rowspan="12" style="width:76.9844px" %)((( 109 -基础 110 - 111 - 112 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 113 -显示标题 114 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 115 -((( 116 -控制画布左上角的标题是否显示的开关 117 - 118 -[[image:1729664204675-778.png||height="280" width="956"]] 119 -))) 120 - 121 -((( 122 - 123 -))) 124 -))) 125 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 126 -标题名称 127 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)支持用户自定义报表标题 128 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 129 -帮助文字 130 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)开启后,标题右侧出现小问号,鼠标悬浮时,出现帮助文字具体内容 131 -[[image:1729664436892-701.png]] 132 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 133 -帮助文字内容 134 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)支持用户自定义帮助文字的文案,例如“这是本月销售订单总额的统计” 135 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 136 -折线图类型 137 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 138 -((( 139 -支持2种类型:折线、曲线 140 -[[image:1729664469432-978.png||height="474" width="1042"]] 141 -))) 142 - 143 -((( 144 - 145 -))) 146 -))) 147 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 148 -配色方案 149 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 150 -支持用户自定义(多Y轴时)整体的配色方案 151 -))) 152 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 153 -显示缩略轴 154 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)支持用户设置针对横轴的缩略轴,即:查看横轴上某一区间的数据 155 -[[image:1729664570038-223.png||height="477" width="822"]] 156 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 157 -展示点 158 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 159 -默认打开,关闭后画布上不显示折线的每个描点 160 - 161 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YTAzNmM1ODI5MDQ3NGM2YmQ4N2IwZWEwNGZmM2M5YzJfNGJRMHprZHFYWTR2aUNEdFltUUZhTmdwdTlUNDFuNUZfVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]] 162 - 163 - 164 -))) 165 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 166 -点大小 167 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 168 -控制折线图中点大小 169 - 170 -[[image:1729664677195-525.png||height="526" width="875"]] 171 -))) 172 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 173 -展示线 174 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 175 -默认打开,关闭后折线的线段消失,只显示点(类似散点图) 176 - 177 -[[image:1729664725301-778.png||height="581" width="1351"]] 178 - 179 - 180 -))) 181 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 182 -线粗细 183 - 184 - 185 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 186 -支持用户控制折线的线段粗细 187 -))) 188 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 189 -填充 190 - 191 - 192 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 193 -默认关闭, 打开后每个点向下填充半透明的颜色到X轴,效果如下: 194 - 195 -[[image:1729664811246-731.png||height="276" width="683"]] 196 - 197 - 198 -))) 199 -|(% colspan="1" rowspan="7" style="width:76.9844px" %)((( 200 -横轴 201 - 202 - 203 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 204 -显示轴标题 205 - 206 - 207 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 208 -默认开启 209 -))) 210 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 211 -标题内容 212 - 213 - 214 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 215 -显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称 216 -))) 217 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 218 -颜色字号 219 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 220 -默认:黑色,12号字 221 -))) 222 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 223 -轴标签 224 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 225 -默认开启 226 -))) 227 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 228 -颜色字号 229 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 230 -默认:黑色,12号字 231 -))) 232 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 233 -(轴标签)自动旋转 234 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 235 -默认勾选 236 -))) 237 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 238 - 239 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 240 - 241 -))) 242 -|(% colspan="1" rowspan="8" style="width:76.9844px" %)((( 243 -纵轴 244 - 245 - 246 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 247 -显示轴标题 248 - 249 - 250 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 251 -默认开启 252 - 253 - 254 -))) 255 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 256 -标题内容 257 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 258 -显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称 259 -))) 260 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 261 -颜色字号 262 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 263 -默认:黑色,12号字 264 -))) 265 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 266 -轴标签 267 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 268 -默认开启 269 -))) 270 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 271 -(轴标签)自动旋转 272 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 273 -默认勾选 274 -))) 275 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 276 -颜色字号 277 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 278 -默认:黑色,12号字 279 -))) 280 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 281 -刻度数 282 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 283 -默认值:6, 即:标识Y轴默认有6个刻度 284 -))) 285 -|(% colspan="1" rowspan="1" style="width:79px" %)((( 286 - 287 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 288 - 289 -))) 290 -|(% colspan="1" rowspan="1" style="width:52px" %)((( 291 - 292 -)))|(% colspan="1" rowspan="3" style="width:76.9844px" %)((( 293 -图例 294 - 295 - 296 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 297 -显示图例 298 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 299 -默认开启 300 -))) 301 -|(% colspan="1" rowspan="1" style="width:52px" %)((( 302 - 303 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 304 -图例位置 305 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 306 -默认选中:左上角 307 -))) 308 -|(% colspan="1" rowspan="1" style="width:52px" %)((( 309 - 310 -)))|(% colspan="1" rowspan="1" style="width:79px" %)((( 311 -颜色字号 312 -)))|(% colspan="1" rowspan="1" style="width:1541px" %)((( 313 -默认:黑色,12号字 314 - 315 -(注意:这里指的是图例中文字Label的颜色和字号) 316 -)))
- 1729664204675-778.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -51.6 KB - 内容
- 1729664436892-701.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -12.9 KB - 内容
- 1729664469432-978.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -67.2 KB - 内容
- 1729664570038-223.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -43.1 KB - 内容
- 1729664677195-525.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -58.1 KB - 内容
- 1729664725301-778.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -56.5 KB - 内容
- 1729664811246-731.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.yinshi - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -43.1 KB - 内容