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