文档更改5.8.2.2 Line Chart

liuqing01 于 2025/06/30 11:35 最后修改

从版本 6.1
yinshi编辑
在2024/10/23 06:13上
修改评论: 该版本没有评论
到版本
yinshi编辑
在2024/10/23 06:02上
修改评论: 该版本没有评论

摘要

细节

页面属性
内容
... ... @@ -57,6 +57,8 @@
57 57  
58 58  
59 59  
60 +
61 +
60 60  ====== 【基本要求】 ======
61 61  
62 62  要实现折线图的效果,基本要求如下 。
... ... @@ -78,22 +78,22 @@
78 78  
79 79  **Step-2 选择图表展示字段**
80 80  
81 -将右边数据源列表中的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
83 +将右边的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
82 82  
83 -[[image:1729663922832-959.png]]
85 +**可以直接选择数据源下的字段,也可以通过公式生成,如何使用公式请查看 **报表公式
84 84  
87 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjQ4ZTRmYWQ1ZjZkMzEzNjNkNDIxNzZmYTI2ODI1MjlfYzl3eW9DdG1RdEdaS091eFBPRWwxcGNvam5Ma0I4SUdfVG9rZW46RmZSV2JMYlJhbzlRYXF4aE92ZmNXNHFXbm1kXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
85 85  
89 +
86 86  Step-3 样式设置
87 87  
88 88  分为三小类:【基础】、【坐标轴】,【图例】,如下图
89 89  
90 -[[image:1729663961688-819.png]]
94 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZTdjYzMyZGZmN2FjNDZkMWNlMzA5YzM5ZTZjZWNmYWNfek1uOHgzbEwxRk1NMHUwdFVrUm5FRzJ2VjlqN3NKWkpfVG9rZW46U3l6MWJpWmVIb2oyVGx4ZEhGemNTQlAxblFlXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
91 91  
92 92  
93 93  样式设置
94 94  
95 -样式设置
96 -
97 97  |(% colspan="1" rowspan="1" %)(((
98 98  
99 99  )))|(% colspan="1" rowspan="1" %)(((
... ... @@ -101,7 +101,9 @@
101 101  )))|(% colspan="1" rowspan="1" %)(((
102 102  配置项
103 103  )))|(% colspan="1" rowspan="1" %)(((
104 -用途
106 +形态
107 +)))|(% colspan="1" rowspan="1" %)(((
108 +
105 105  )))
106 106  |(% colspan="1" rowspan="29" %)(((
107 107  **折线图**
... ... @@ -114,54 +114,74 @@
114 114  )))|(% colspan="1" rowspan="1" %)(((
115 115  显示标题
116 116  )))|(% colspan="1" rowspan="1" %)(((
121 +开关
122 +)))|(% colspan="1" rowspan="1" %)(((
117 117  默认开启
118 118  )))
119 119  |(% colspan="1" rowspan="1" %)(((
120 120  标题名称
121 121  )))|(% colspan="1" rowspan="1" %)(((
128 +输入框
129 +)))|(% colspan="1" rowspan="1" %)(((
122 122  默认输入:折线图
123 123  )))
124 124  |(% colspan="1" rowspan="1" %)(((
125 125  帮助文字
126 126  )))|(% colspan="1" rowspan="1" %)(((
135 +开关
136 +)))|(% colspan="1" rowspan="1" %)(((
127 127  默认关闭
128 128  )))
129 129  |(% colspan="1" rowspan="1" %)(((
130 130  帮助文字内容
131 131  )))|(% colspan="1" rowspan="1" %)(((
142 +输入框
143 +)))|(% colspan="1" rowspan="1" %)(((
132 132  占位提示:请输入
133 133  )))
134 134  |(% colspan="1" rowspan="1" %)(((
135 135  折线图类型
136 136  )))|(% colspan="1" rowspan="1" %)(((
149 +选项卡
150 +)))|(% colspan="1" rowspan="1" %)(((
137 137  默认选中“折线”
138 138  )))
139 139  |(% colspan="1" rowspan="1" %)(((
140 140  配色方案
141 141  )))|(% colspan="1" rowspan="1" %)(((
156 +按钮或下拉
157 +)))|(% colspan="1" rowspan="1" %)(((
142 142  
143 143  )))
144 144  |(% colspan="1" rowspan="1" %)(((
145 145  显示缩略轴
146 146  )))|(% colspan="1" rowspan="1" %)(((
163 +开关
164 +)))|(% colspan="1" rowspan="1" %)(((
147 147  默认关闭
148 148  )))
149 149  |(% colspan="1" rowspan="1" %)(((
150 150  启用导出
151 151  )))|(% colspan="1" rowspan="1" %)(((
170 +开关
171 +)))|(% colspan="1" rowspan="1" %)(((
152 152  默认打开
153 153  )))
154 154  |(% colspan="1" rowspan="1" %)(((
155 155  导出格式
156 156  )))|(% colspan="1" rowspan="1" %)(((
177 +多选
178 +)))|(% colspan="1" rowspan="1" %)(((
157 157  同柱状图
158 158  )))
159 159  |(% colspan="1" rowspan="1" %)(((
160 160  展示点
161 161  )))|(% colspan="1" rowspan="1" %)(((
184 +开关
185 +)))|(% colspan="1" rowspan="1" %)(((
162 162  默认打开,关闭后画布上不显示折线的每个描点
163 163  
164 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YTAzNmM1ODI5MDQ3NGM2YmQ4N2IwZWEwNGZmM2M5YzJfNGJRMHprZHFYWTR2aUNEdFltUUZhTmdwdTlUNDFuNUZfVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
188 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OGU1N2I2NzVkMTYxNTI4YjE2NGU4NTUyMGQzOTZjNzNfajFIMVF3VEh4QkN5b1NuSUkxZ2FUWWo0aGJtOVNjWE9fVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
165 165  
166 166  
167 167  )))
... ... @@ -168,14 +168,18 @@
168 168  |(% colspan="1" rowspan="1" %)(((
169 169  点大小
170 170  )))|(% colspan="1" rowspan="1" %)(((
195 +下拉
196 +)))|(% colspan="1" rowspan="1" %)(((
171 171  默认4,单位px(原型中隐藏了单位),选项:2,4,6,8,10
172 172  )))
173 173  |(% colspan="1" rowspan="1" %)(((
174 174  展示线
175 175  )))|(% colspan="1" rowspan="1" %)(((
202 +开关
203 +)))|(% colspan="1" rowspan="1" %)(((
176 176  默认打开,关闭后,折线消失,只显示点(看上去像散点图)
177 177  
178 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ODUzYzMyOTRiNWQ0MjE1Zjc4MjBlYmEyZGI2ODBiZTNfclNrNHl6eTRQZ3ZtSjR0b3ZYaUdaY0dvZDZ1V1FEOGhfVG9rZW46UUpsaGJia0Nab0hWWER4dWlwYWN4VUNnbmJoXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
206 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZGQ4MmQzNWM4YmVjNmRiMGEzMGJlZWY2NDQxZmZhMmVfaUppWHBzcGp4UUpvZTJBQUJqV3Vnc2J5dXgzVzVSZWZfVG9rZW46UUpsaGJia0Nab0hWWER4dWlwYWN4VUNnbmJoXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
179 179  
180 180  
181 181  )))
... ... @@ -184,6 +184,8 @@
184 184  
185 185  
186 186  )))|(% colspan="1" rowspan="1" %)(((
215 +下拉
216 +)))|(% colspan="1" rowspan="1" %)(((
187 187  默认2,单位px(原型中隐藏了单位)选项:1,2,3,4,5,6
188 188  )))
189 189  |(% colspan="1" rowspan="1" %)(((
... ... @@ -191,9 +191,11 @@
191 191  
192 192  
193 193  )))|(% colspan="1" rowspan="1" %)(((
224 +开关
225 +)))|(% colspan="1" rowspan="1" %)(((
194 194  默认关闭, 打开后每个点向下填充半透明的颜色到X轴,效果如下:
195 195  
196 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OTk2YmZjOGUzMjE1ODA4YjBmYzE3NzEwN2Y4MGZlZjVfQUgxUmVFdEN0M05Ycmg0NlJscWNmbGhySFJNUmlaUTlfVG9rZW46TXRueGJsV0NZb2hIYzF4cHZLZWNQS1RtblBnXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
228 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmM4OTY5NzY1MmNmZDcxOTQ1ZGUyOTM3ZmFkYjZmZjZfVGtCSnF0M0MycTd1dUVUOFdPcmNQT3BPcU1oZ0NTcHFfVG9rZW46TXRueGJsV0NZb2hIYzF4cHZLZWNQS1RtblBnXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
197 197  
198 198  
199 199  )))
... ... @@ -206,6 +206,8 @@
206 206  
207 207  
208 208  )))|(% colspan="1" rowspan="1" %)(((
241 +开关
242 +)))|(% colspan="1" rowspan="1" %)(((
209 209  默认开启
210 210  )))
211 211  |(% colspan="1" rowspan="1" %)(((
... ... @@ -213,26 +213,36 @@
213 213  
214 214  
215 215  )))|(% colspan="1" rowspan="1" %)(((
250 +输入框
251 +)))|(% colspan="1" rowspan="1" %)(((
216 216  显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称
217 217  )))
218 218  |(% colspan="1" rowspan="1" %)(((
219 219  颜色字号
220 220  )))|(% colspan="1" rowspan="1" %)(((
257 +拾色器+下拉
258 +)))|(% colspan="1" rowspan="1" %)(((
221 221  默认:黑色,12号字
222 222  )))
223 223  |(% colspan="1" rowspan="1" %)(((
224 224  轴标签
225 225  )))|(% colspan="1" rowspan="1" %)(((
264 +开关
265 +)))|(% colspan="1" rowspan="1" %)(((
226 226  默认开启
227 227  )))
228 228  |(% colspan="1" rowspan="1" %)(((
229 229  颜色字号
230 230  )))|(% colspan="1" rowspan="1" %)(((
271 +颜色字号
272 +)))|(% colspan="1" rowspan="1" %)(((
231 231  默认:黑色,12号字
232 232  )))
233 233  |(% colspan="1" rowspan="1" %)(((
234 234  (轴标签)自动旋转
235 235  )))|(% colspan="1" rowspan="1" %)(((
278 +勾选框
279 +)))|(% colspan="1" rowspan="1" %)(((
236 236  默认勾选
237 237  )))
238 238  |(% colspan="1" rowspan="1" %)(((
... ... @@ -239,6 +239,8 @@
239 239  
240 240  )))|(% colspan="1" rowspan="1" %)(((
241 241  
286 +)))|(% colspan="1" rowspan="1" %)(((
287 +
242 242  )))
243 243  |(% colspan="1" rowspan="8" %)(((
244 244  坐标轴-Y轴
... ... @@ -249,6 +249,8 @@
249 249  
250 250  
251 251  )))|(% colspan="1" rowspan="1" %)(((
298 +开关
299 +)))|(% colspan="1" rowspan="1" %)(((
252 252  默认开启
253 253  
254 254  
... ... @@ -256,31 +256,43 @@
256 256  |(% colspan="1" rowspan="1" %)(((
257 257  标题内容
258 258  )))|(% colspan="1" rowspan="1" %)(((
307 +输入框
308 +)))|(% colspan="1" rowspan="1" %)(((
259 259  显示轴标题开启后显示,这里没写标题文字的情况下,默认显示横/纵轴上第一个字段的名称
260 260  )))
261 261  |(% colspan="1" rowspan="1" %)(((
262 262  颜色字号
263 263  )))|(% colspan="1" rowspan="1" %)(((
314 +拾色器+下拉
315 +)))|(% colspan="1" rowspan="1" %)(((
264 264  默认:黑色,12号字
265 265  )))
266 266  |(% colspan="1" rowspan="1" %)(((
267 267  轴标签
268 268  )))|(% colspan="1" rowspan="1" %)(((
321 +开关
322 +)))|(% colspan="1" rowspan="1" %)(((
269 269  默认开启
270 270  )))
271 271  |(% colspan="1" rowspan="1" %)(((
272 272  (轴标签)自动旋转
273 273  )))|(% colspan="1" rowspan="1" %)(((
328 +勾选框
329 +)))|(% colspan="1" rowspan="1" %)(((
274 274  默认勾选
275 275  )))
276 276  |(% colspan="1" rowspan="1" %)(((
277 277  颜色字号
278 278  )))|(% colspan="1" rowspan="1" %)(((
335 +颜色字号
336 +)))|(% colspan="1" rowspan="1" %)(((
279 279  默认:黑色,12号字
280 280  )))
281 281  |(% colspan="1" rowspan="1" %)(((
282 282  刻度数
283 283  )))|(% colspan="1" rowspan="1" %)(((
342 +输入框
343 +)))|(% colspan="1" rowspan="1" %)(((
284 284  默认值:6, 即:标识Y轴默认有6个刻度
285 285  )))
286 286  |(% colspan="1" rowspan="1" %)(((
... ... @@ -287,6 +287,8 @@
287 287  
288 288  )))|(% colspan="1" rowspan="1" %)(((
289 289  
350 +)))|(% colspan="1" rowspan="1" %)(((
351 +
290 290  )))
291 291  |(% colspan="1" rowspan="1" %)(((
292 292  
... ... @@ -297,6 +297,8 @@
297 297  )))|(% colspan="1" rowspan="1" %)(((
298 298  显示图例
299 299  )))|(% colspan="1" rowspan="1" %)(((
362 +开关
363 +)))|(% colspan="1" rowspan="1" %)(((
300 300  默认开启
301 301  )))
302 302  |(% colspan="1" rowspan="1" %)(((
... ... @@ -304,6 +304,8 @@
304 304  )))|(% colspan="1" rowspan="1" %)(((
305 305  图例位置
306 306  )))|(% colspan="1" rowspan="1" %)(((
371 +八宫格
372 +)))|(% colspan="1" rowspan="1" %)(((
307 307  默认选中:左上角
308 308  )))
309 309  |(% colspan="1" rowspan="1" %)(((
... ... @@ -311,7 +311,11 @@
311 311  )))|(% colspan="1" rowspan="1" %)(((
312 312  颜色字号
313 313  )))|(% colspan="1" rowspan="1" %)(((
380 +拾色器+下拉
381 +)))|(% colspan="1" rowspan="1" %)(((
314 314  默认:黑色,12号字
315 315  
316 316  (注意:这里指的是图例中文字Label的颜色和字号)
317 317  )))
386 +
387 +
1729663818603-553.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -93.8 KB
内容
1729663922832-959.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -93.5 KB
内容
1729663961688-819.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -82.2 KB
内容