Skip to Content

文档更改5.8.2.2 Line Chart

由 liuqing01 于 2025/06/30 11:35 最后修改
从版本 6.1
由yinshi编辑
在2024/10/23 06:13上
修改评论： 该版本没有评论
到版本
由yinshi编辑
在2024/10/23 05:59上
修改评论： 该版本没有评论

摘要

细节

页面属性
内容
... ... @@ -3,13 +3,13 @@
3 3  在折线图中，一般水平轴（X轴）用来表示时间的推移，并且间隔相同；而垂直轴（Y轴）代表不同时刻的数据的大小。如下图展示了随着时间推移，每月销售额的变化。
4 4  
5 5  
6 +[[image:1729663152165-172.png]]
6 6  
7 -====== 【功能简介】 ======
8 8  
9 +====== 功能简介 ======
10 +
9 9  折线图用于显示数据在一个**连续的时间间隔或者时间跨度上的变化**，它的特点是反映事物随时间或有序类别而变化的趋势。
10 10  
11 -[[image:1729663152165-172.png]]
12 -
13 13  一个折线图的构成包括：
14 14  
15 15  1. (((
... ... @@ -53,47 +53,50 @@
53 53  )))
54 54  )))
55 55  
56 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NmYwNTRlYTYzMjZhMDMzNjU0ZmI0MGNjYjJjMjgxNGFfRjFXU0dCRXJIZHNjMXRQVjlpM25VN3QzNXFIQ3VoV2RfVG9rZW46T1NIaGJQMjRKb3RjYzB4ekxmNWNXYzJJbkJnXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
56 56  
57 57  
58 58  
60 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZDNjZTM1NTMyNmYwNmUxOWNmNDg3MjQ0NGI0MGIxMWRfYkM1VWFOck5xUlh2NFFBNHNGbWhaYmJLVEFvTVVtWVZfVG9rZW46UUgxc2JpOFJFb2hPYk14SmN3amN5Uk9UbktjXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
59 59  
60 -====== 【基本要求】 ======
61 61  
63 +
64 +
65 +====== 基本要求 ======
66 +
62 62  要实现折线图的效果，基本要求如下 。
63 63  
64 64  
65 65  |横轴|纵轴|分组|参考线
66 -|最多1个字段|可选多个字段，最多30个字段|最多1个字段|可选多个字段，最多30个字段
71 +|最多1个字段|可选多个字段，最多30个字段|最多1个字段（分组功能：本次迭代先不做，放到后面实现）|可选多个字段，最多30个字段
67 67  
68 -====== ======
73 +====== 配置步骤 ======
69 69  
70 -====== 【配置步骤】 ======
71 -
72 72  **Step-1 选择图形**
73 73  
74 74  创建报表，选择折线图，如图：
75 75  
76 -[[image:1729663321225-837.png]]
79 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NmZiMTk3YTNhMGRiMzk1NTBiYTg3MWE5MWZkYjI2OTNfVXdYa0FlTzVyQTc2b2NldFNwNk9ybWRZY1p1QTY3VnRfVG9rZW46SXFlZGJ4VnE2b3pXYTh4UDV2UWNFWHplbkdiXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
77 77  
78 78  
79 79  **Step-2 选择图表展示字段**
80 80  
81 -将右边数据源列表中的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
84 +将右边的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
82 82  
83 -[[image:1729663922832-959.png]]
86 +**可以直接选择数据源下的字段，也可以通过公式生成，如何使用公式请查看 **报表公式
84 84  
88 +[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjQ4ZTRmYWQ1ZjZkMzEzNjNkNDIxNzZmYTI2ODI1MjlfYzl3eW9DdG1RdEdaS091eFBPRWwxcGNvam5Ma0I4SUdfVG9rZW46RmZSV2JMYlJhbzlRYXF4aE92ZmNXNHFXbm1kXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
85 85  
90 +
86 86  Step-3 样式设置
87 87  
88 88  分为三小类：【基础】、【坐标轴】，【图例】，如下图
89 89  
90 -[[image:1729663961688-819.png]]
95 +[[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 -用途
107 +形态
108 +)))|(% colspan="1" rowspan="1" %)(((
109 +
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" %)(((
122 +开关
123 +)))|(% colspan="1" rowspan="1" %)(((
117 117  默认开启
118 118  )))
119 119  |(% colspan="1" rowspan="1" %)(((
120 120  标题名称
121 121  )))|(% colspan="1" rowspan="1" %)(((
129 +输入框
130 +)))|(% colspan="1" rowspan="1" %)(((
122 122  默认输入：折线图
123 123  )))
124 124  |(% colspan="1" rowspan="1" %)(((
125 125  帮助文字
126 126  )))|(% colspan="1" rowspan="1" %)(((
136 +开关
137 +)))|(% colspan="1" rowspan="1" %)(((
127 127  默认关闭
128 128  )))
129 129  |(% colspan="1" rowspan="1" %)(((
130 130  帮助文字内容
131 131  )))|(% colspan="1" rowspan="1" %)(((
143 +输入框
144 +)))|(% colspan="1" rowspan="1" %)(((
132 132  占位提示：请输入
133 133  )))
134 134  |(% colspan="1" rowspan="1" %)(((
135 135  折线图类型
136 136  )))|(% colspan="1" rowspan="1" %)(((
150 +选项卡
151 +)))|(% colspan="1" rowspan="1" %)(((
137 137  默认选中“折线”
138 138  )))
139 139  |(% colspan="1" rowspan="1" %)(((
140 140  配色方案
141 141  )))|(% colspan="1" rowspan="1" %)(((
157 +按钮或下拉
158 +)))|(% colspan="1" rowspan="1" %)(((
142 142  
143 143  )))
144 144  |(% colspan="1" rowspan="1" %)(((
145 145  显示缩略轴
146 146  )))|(% colspan="1" rowspan="1" %)(((
164 +开关
165 +)))|(% colspan="1" rowspan="1" %)(((
147 147  默认关闭
148 148  )))
149 149  |(% colspan="1" rowspan="1" %)(((
150 150  启用导出
151 151  )))|(% colspan="1" rowspan="1" %)(((
171 +开关
172 +)))|(% colspan="1" rowspan="1" %)(((
152 152  默认打开
153 153  )))
154 154  |(% colspan="1" rowspan="1" %)(((
155 155  导出格式
156 156  )))|(% colspan="1" rowspan="1" %)(((
178 +多选
179 +)))|(% colspan="1" rowspan="1" %)(((
157 157  同柱状图
158 158  )))
159 159  |(% colspan="1" rowspan="1" %)(((
160 160  展示点
161 161  )))|(% colspan="1" rowspan="1" %)(((
185 +开关
186 +)))|(% colspan="1" rowspan="1" %)(((
162 162  默认打开，关闭后画布上不显示折线的每个描点
163 163  
164 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=YTAzNmM1ODI5MDQ3NGM2YmQ4N2IwZWEwNGZmM2M5YzJfNGJRMHprZHFYWTR2aUNEdFltUUZhTmdwdTlUNDFuNUZfVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
189 +[[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" %)(((
196 +下拉
197 +)))|(% 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" %)(((
203 +开关
204 +)))|(% colspan="1" rowspan="1" %)(((
176 176  默认打开，关闭后，折线消失，只显示点（看上去像散点图）
177 177  
178 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ODUzYzMyOTRiNWQ0MjE1Zjc4MjBlYmEyZGI2ODBiZTNfclNrNHl6eTRQZ3ZtSjR0b3ZYaUdaY0dvZDZ1V1FEOGhfVG9rZW46UUpsaGJia0Nab0hWWER4dWlwYWN4VUNnbmJoXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
207 +[[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" %)(((
216 +下拉
217 +)))|(% 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" %)(((
225 +开关
226 +)))|(% colspan="1" rowspan="1" %)(((
194 194  默认关闭， 打开后每个点向下填充半透明的颜色到X轴，效果如下：
195 195  
196 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OTk2YmZjOGUzMjE1ODA4YjBmYzE3NzEwN2Y4MGZlZjVfQUgxUmVFdEN0M05Ycmg0NlJscWNmbGhySFJNUmlaUTlfVG9rZW46TXRueGJsV0NZb2hIYzF4cHZLZWNQS1RtblBnXzE3Mjk2NjQwMDc6MTcyOTY2NzYwN19WNA]]
229 +[[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" %)(((
242 +开关
243 +)))|(% 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" %)(((
251 +输入框
252 +)))|(% colspan="1" rowspan="1" %)(((
216 216  显示轴标题开启后显示，这里没写标题文字的情况下，默认显示横/纵轴上第一个字段的名称
217 217  )))
218 218  |(% colspan="1" rowspan="1" %)(((
219 219  颜色字号
220 220  )))|(% colspan="1" rowspan="1" %)(((
258 +拾色器+下拉
259 +)))|(% colspan="1" rowspan="1" %)(((
221 221  默认：黑色，12号字
222 222  )))
223 223  |(% colspan="1" rowspan="1" %)(((
224 224  轴标签
225 225  )))|(% colspan="1" rowspan="1" %)(((
265 +开关
266 +)))|(% colspan="1" rowspan="1" %)(((
226 226  默认开启
227 227  )))
228 228  |(% colspan="1" rowspan="1" %)(((
229 229  颜色字号
230 230  )))|(% colspan="1" rowspan="1" %)(((
272 +颜色字号
273 +)))|(% colspan="1" rowspan="1" %)(((
231 231  默认：黑色，12号字
232 232  )))
233 233  |(% colspan="1" rowspan="1" %)(((
234 234  （轴标签）自动旋转
235 235  )))|(% colspan="1" rowspan="1" %)(((
279 +勾选框
280 +)))|(% 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  
287 +)))|(% colspan="1" rowspan="1" %)(((
288 +
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" %)(((
299 +开关
300 +)))|(% 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" %)(((
308 +输入框
309 +)))|(% colspan="1" rowspan="1" %)(((
259 259  显示轴标题开启后显示，这里没写标题文字的情况下，默认显示横/纵轴上第一个字段的名称
260 260  )))
261 261  |(% colspan="1" rowspan="1" %)(((
262 262  颜色字号
263 263  )))|(% colspan="1" rowspan="1" %)(((
315 +拾色器+下拉
316 +)))|(% colspan="1" rowspan="1" %)(((
264 264  默认：黑色，12号字
265 265  )))
266 266  |(% colspan="1" rowspan="1" %)(((
267 267  轴标签
268 268  )))|(% colspan="1" rowspan="1" %)(((
322 +开关
323 +)))|(% colspan="1" rowspan="1" %)(((
269 269  默认开启
270 270  )))
271 271  |(% colspan="1" rowspan="1" %)(((
272 272  （轴标签）自动旋转
273 273  )))|(% colspan="1" rowspan="1" %)(((
329 +勾选框
330 +)))|(% colspan="1" rowspan="1" %)(((
274 274  默认勾选
275 275  )))
276 276  |(% colspan="1" rowspan="1" %)(((
277 277  颜色字号
278 278  )))|(% colspan="1" rowspan="1" %)(((
336 +颜色字号
337 +)))|(% colspan="1" rowspan="1" %)(((
279 279  默认：黑色，12号字
280 280  )))
281 281  |(% colspan="1" rowspan="1" %)(((
282 282  刻度数
283 283  )))|(% colspan="1" rowspan="1" %)(((
343 +输入框
344 +)))|(% 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  
351 +)))|(% colspan="1" rowspan="1" %)(((
352 +
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" %)(((
363 +开关
364 +)))|(% 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" %)(((
372 +八宫格
373 +)))|(% colspan="1" rowspan="1" %)(((
307 307  默认选中：左上角
308 308  )))
309 309  |(% colspan="1" rowspan="1" %)(((
... ... @@ -311,7 +311,12 @@
311 311  )))|(% colspan="1" rowspan="1" %)(((
312 312  颜色字号
313 313  )))|(% colspan="1" rowspan="1" %)(((
381 +拾色器+下拉
382 +)))|(% colspan="1" rowspan="1" %)(((
314 314  默认：黑色，12号字
315 315  
316 316  （注意：这里指的是图例中文字Label的颜色和字号）
317 317  )))
387 +
388 +
389 +
1729663321225-837.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.yinshi
大小
... ... @@ -1,1 +1,0 @@
1 -93.8 KB
内容
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
内容