Skip to Content

文档更改5.8.2.2 Line Chart

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

摘要

细节

页面属性
标题
... ... @@ -1,1 +1,1 @@
1 -5.8.2.2 折线图
1 +5.8.2.2 Line Chart
父
... ... @@ -1,1 +1,1 @@
1 -Main.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome
1 +Egret Cloud Operation manual.5\. 设计应用.5\.8 报表设计.5\.8\.2 报表设计器.WebHome
文档作者
... ... @@ -1,1 +1,1 @@
1 -XWiki.yinshi
1 +XWiki.maym
内容
... ... @@ -1,15 +1,28 @@
1 -====== 【使用场景】 ======
1 +==== **[Usage Scenario]** ====
2 2  
3 -在折线图中，一般水平轴（X轴）用来表示时间的推移，并且间隔相同；而垂直轴（Y轴）代表不同时刻的数据的大小。如下图展示了随着时间推移，每月销售额的变化。
3 + A line chart is a commonly used type of chart to display changes over time. It connects data points with lines to show the trend of variables, and is suitable for the following scenarios:
4 4  
5 +* (((
6 +**Time trend analysis:**  Line charts are suitable for displaying time series data, such as daily, monthly, or quarterly sales, user visits, or inventory changes, to help users identify long-term trends.
7 +)))
8 +* (((
9 +**Seasonal changes: ** By observing the fluctuations of the line, it is possible to analyze the periodic changes in the data. For example, seasonal fluctuations in sales revenue, changes in user activity during different time periods, etc.
10 +)))
11 +* (((
12 +**Comparison trend: ** Multiple lines can be used to compare the changes in multiple variables. For example, comparing sales trends of different products, or comparing user growth trends in different markets.
13 +)))
14 +* (((
15 +**Abnormal discovery: ** The prominent peaks or valleys in a line chart help identify abnormal situations in the data, such as an abnormal increase in sales or a sudden decrease in user churn in a certain month.
16 +)))
5 5  
6 -[[image:1729663152165-172.png]]
18 +==== ====
7 7  
20 +==== **【功能简介】** ====
8 8  
9 -====== 功能简介 ======
10 -
11 11  折线图用于显示数据在一个**连续的时间间隔或者时间跨度上的变化**，它的特点是反映事物随时间或有序类别而变化的趋势。
12 12  
24 +[[image:1729663152165-172.png]]
25 +
13 13  一个折线图的构成包括：
14 14  
15 15  1. (((
... ... @@ -53,337 +53,234 @@
53 53  )))
54 54  )))
55 55  
56 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NmYwNTRlYTYzMjZhMDMzNjU0ZmI0MGNjYjJjMjgxNGFfRjFXU0dCRXJIZHNjMXRQVjlpM25VN3QzNXFIQ3VoV2RfVG9rZW46T1NIaGJQMjRKb3RjYzB4ekxmNWNXYzJJbkJnXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
69 +====== 【基本要求】 ======
57 57  
58 -
59 -
60 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZDNjZTM1NTMyNmYwNmUxOWNmNDg3MjQ0NGI0MGIxMWRfYkM1VWFOck5xUlh2NFFBNHNGbWhaYmJLVEFvTVVtWVZfVG9rZW46UUgxc2JpOFJFb2hPYk14SmN3amN5Uk9UbktjXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
61 -
62 -
63 -
64 -
65 -====== 基本要求 ======
66 -
67 67  要实现折线图的效果，基本要求如下 。
68 68  
69 69  
70 70  |横轴|纵轴|分组|参考线
71 -|最多1个字段|可选多个字段，最多30个字段|最多1个字段（分组功能：本次迭代先不做，放到后面实现）|可选多个字段，最多30个字段
75 +|最多1个字段|可选多个字段，最多30个字段|最多1个字段|可选多个字段，最多30个字段
72 72  
73 -====== 配置步骤 ======
77 +====== ======
74 74  
79 +==== **【配置步骤】** ====
80 +
75 75  **Step-1 选择图形**
76 76  
77 77  创建报表，选择折线图，如图：
78 78  
79 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=NmZiMTk3YTNhMGRiMzk1NTBiYTg3MWE5MWZkYjI2OTNfVXdYa0FlTzVyQTc2b2NldFNwNk9ybWRZY1p1QTY3VnRfVG9rZW46SXFlZGJ4VnE2b3pXYTh4UDV2UWNFWHplbkdiXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
85 +[[image:1737529051357-629.png]]
80 80  
81 81  
82 82  **Step-2 选择图表展示字段**
83 83  
84 -将右边的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
90 +将右边数据源列表中的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
85 85  
86 -**可以直接选择数据源下的字段，也可以通过公式生成，如何使用公式请查看 **报表公式
92 +[[image:1737528997085-860.png]]
87 87  
88 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZjQ4ZTRmYWQ1ZjZkMzEzNjNkNDIxNzZmYTI2ODI1MjlfYzl3eW9DdG1RdEdaS091eFBPRWwxcGNvam5Ma0I4SUdfVG9rZW46RmZSV2JMYlJhbzlRYXF4aE92ZmNXNHFXbm1kXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
89 89  
90 -
91 91  Step-3 样式设置
92 92  
93 93  分为三小类：【基础】、【坐标轴】，【图例】，如下图
94 94  
95 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZTdjYzMyZGZmN2FjNDZkMWNlMzA5YzM5ZTZjZWNmYWNfek1uOHgzbEwxRk1NMHUwdFVrUm5FRzJ2VjlqN3NKWkpfVG9rZW46U3l6MWJpWmVIb2oyVGx4ZEhGemNTQlAxblFlXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
99 +[[image:1729663961688-819.png]]
96 96  
97 97  
98 -样式设置
99 99  
100 -|(% colspan="1" rowspan="1" %)(((
103 +==== **【样式配置说明】** ====
104 +
105 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
101 101  
102 -)))|(% colspan="1" rowspan="1" %)(((
107 +)))|(% colspan="1" rowspan="1" style="width:76.9844px" %)(((
103 103  样式设置分类
104 -)))|(% colspan="1" rowspan="1" %)(((
109 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
105 105  配置项
106 -)))|(% colspan="1" rowspan="1" %)(((
107 -形态
108 -)))|(% colspan="1" rowspan="1" %)(((
109 -
111 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
112 +用途
110 110  )))
111 -|(% colspan="1" rowspan="29" %)(((
114 +|(% colspan="1" rowspan="21" style="width:52px" %)(((
112 112  **折线图**
113 113  
114 114  
115 -)))|(% colspan="1" rowspan="14" %)(((
118 +)))|(% colspan="1" rowspan="12" style="width:76.9844px" %)(((
116 116  基础
117 117  
118 118  
119 -)))|(% colspan="1" rowspan="1" %)(((
122 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
120 120  显示标题
121 -)))|(% colspan="1" rowspan="1" %)(((
122 -开关
123 -)))|(% colspan="1" rowspan="1" %)(((
124 -默认开启
124 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
125 +(((
126 +控制画布左上角的标题是否显示的开关
127 +
128 +[[image:1729664204675-778.png||height="214" width="731"]]
125 125  )))
126 -|(% colspan="1" rowspan="1" %)(((
127 -标题名称
128 -)))|(% colspan="1" rowspan="1" %)(((
129 -输入框
130 -)))|(% colspan="1" rowspan="1" %)(((
131 -默认输入：折线图
130 +
131 +(((
132 +
132 132  )))
133 -|(% colspan="1" rowspan="1" %)(((
134 -帮助文字
135 -)))|(% colspan="1" rowspan="1" %)(((
136 -开关
137 -)))|(% colspan="1" rowspan="1" %)(((
138 -默认关闭
139 139  )))
140 -|(% colspan="1" rowspan="1" %)(((
135 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
136 +标题名称
137 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义报表标题
138 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
139 +帮助文字
140 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)开启后，标题右侧出现小问号，鼠标悬浮时，出现帮助文字具体内容
141 +[[image:1729664436892-701.png]]
142 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
141 141  帮助文字内容
142 -)))|(% colspan="1" rowspan="1" %)(((
143 -输入框
144 -)))|(% colspan="1" rowspan="1" %)(((
145 -占位提示：请输入
146 -)))
147 -|(% colspan="1" rowspan="1" %)(((
144 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义帮助文字的文案，例如“这是本月销售订单总额的统计”
145 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
148 148  折线图类型
149 -)))|(% colspan="1" rowspan="1" %)(((
150 -选项卡
151 -)))|(% colspan="1" rowspan="1" %)(((
152 -默认选中“折线”
147 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
148 +(((
149 +支持2种类型：折线、曲线
150 +[[image:1729664469432-978.png||height="398" width="875"]]
153 153  )))
154 -|(% colspan="1" rowspan="1" %)(((
155 -配色方案
156 -)))|(% colspan="1" rowspan="1" %)(((
157 -按钮或下拉
158 -)))|(% colspan="1" rowspan="1" %)(((
152 +
153 +(((
159 159  
160 160  )))
161 -|(% colspan="1" rowspan="1" %)(((
162 -显示缩略轴
163 -)))|(% colspan="1" rowspan="1" %)(((
164 -开关
165 -)))|(% colspan="1" rowspan="1" %)(((
166 -默认关闭
167 167  )))
168 -|(% colspan="1" rowspan="1" %)(((
169 -启用导出
170 -)))|(% colspan="1" rowspan="1" %)(((
171 -开关
172 -)))|(% colspan="1" rowspan="1" %)(((
173 -默认打开
157 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
158 +配色方案
159 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
160 +支持用户自定义（多Y轴时）整体的配色方案
174 174  )))
175 -|(% colspan="1" rowspan="1" %)(((
176 -导出格式
177 -)))|(% colspan="1" rowspan="1" %)(((
178 -多选
179 -)))|(% colspan="1" rowspan="1" %)(((
180 -同柱状图
181 -)))
182 -|(% colspan="1" rowspan="1" %)(((
162 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
163 +显示缩略轴
164 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户设置针对横轴的缩略轴，即：查看横轴上某一区间的数据
165 +[[image:1729664570038-223.png||height="477" width="822"]]
166 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
183 183  展示点
184 -)))|(% colspan="1" rowspan="1" %)(((
185 -开关
186 -)))|(% colspan="1" rowspan="1" %)(((
168 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
169 +(((
187 187  默认打开，关闭后画布上不显示折线的每个描点
188 188  
189 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=OGU1N2I2NzVkMTYxNTI4YjE2NGU4NTUyMGQzOTZjNzNfajFIMVF3VEh4QkN5b1NuSUkxZ2FUWWo0aGJtOVNjWE9fVG9rZW46TjJndmJmQTBzb3dMdjd4R1lPb2NXU1p2blpSXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
190 190  
173 +[[image:1729736532720-382.png||height="441" width="866"]]
174 +)))
175 +
176 +(((
191 191  
192 192  )))
193 -|(% colspan="1" rowspan="1" %)(((
179 +)))
180 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
194 194  点大小
195 -)))|(% colspan="1" rowspan="1" %)(((
196 -下拉
197 -)))|(% colspan="1" rowspan="1" %)(((
198 -默认4，单位px（原型中隐藏了单位），选项：2,4,6,8,10
182 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
183 +控制折线图中点大小
184 +
185 +[[image:1729664677195-525.png||height="515" width="857"]]
199 199  )))
200 -|(% colspan="1" rowspan="1" %)(((
187 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
201 201  展示线
202 -)))|(% colspan="1" rowspan="1" %)(((
203 -开关
204 -)))|(% colspan="1" rowspan="1" %)(((
205 -默认打开，关闭后，折线消失，只显示点（看上去像散点图）
189 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
190 +默认打开，关闭后折线的线段消失，只显示点（类似散点图）
206 206  
207 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZGQ4MmQzNWM4YmVjNmRiMGEzMGJlZWY2NDQxZmZhMmVfaUppWHBzcGp4UUpvZTJBQUJqV3Vnc2J5dXgzVzVSZWZfVG9rZW46UUpsaGJia0Nab0hWWER4dWlwYWN4VUNnbmJoXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
192 +[[image:1729664725301-778.png||height="403" width="937"]]
208 208  
209 209  
210 210  )))
211 -|(% colspan="1" rowspan="1" %)(((
196 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
212 212  线粗细
213 213  
214 214  
215 -)))|(% colspan="1" rowspan="1" %)(((
216 -下拉
217 -)))|(% colspan="1" rowspan="1" %)(((
218 -默认2，单位px（原型中隐藏了单位）选项：1,2,3,4,5,6
200 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
201 +支持用户控制折线的线段粗细
219 219  )))
220 -|(% colspan="1" rowspan="1" %)(((
203 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
221 221  填充
222 222  
223 223  
224 -)))|(% colspan="1" rowspan="1" %)(((
225 -开关
226 -)))|(% colspan="1" rowspan="1" %)(((
207 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
227 227  默认关闭， 打开后每个点向下填充半透明的颜色到X轴，效果如下：
228 228  
229 -[[image:https://quickegret.feishu.cn/space/api/box/stream/download/asynccode/?code=ZmM4OTY5NzY1MmNmZDcxOTQ1ZGUyOTM3ZmFkYjZmZjZfVGtCSnF0M0MycTd1dUVUOFdPcmNQT3BPcU1oZ0NTcHFfVG9rZW46TXRueGJsV0NZb2hIYzF4cHZLZWNQS1RtblBnXzE3Mjk2NTU0MDk6MTcyOTY1OTAwOV9WNA]]
210 +[[image:1729664811246-731.png||height="276" width="683"]]
230 230  
231 231  
232 232  )))
233 -|(% colspan="1" rowspan="7" %)(((
234 -坐标轴-X轴
214 +|(% colspan="1" rowspan="5" style="width:76.9844px" %)(((
215 +横轴
235 235  
236 236  
237 -)))|(% colspan="1" rowspan="1" %)(((
218 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
238 238  显示轴标题
239 239  
240 240  
241 -)))|(% colspan="1" rowspan="1" %)(((
242 -开关
243 -)))|(% colspan="1" rowspan="1" %)(((
244 -默认开启
222 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
223 +开启后，画布中横轴下方，将显示用户配置的横轴的数据源的标题
224 +
225 +[[image:1737529012159-610.png]]
245 245  )))
246 -|(% colspan="1" rowspan="1" %)(((
247 -标题内容
227 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
228 +轴标题名称
248 248  
249 249  
250 -)))|(% colspan="1" rowspan="1" %)(((
251 -输入框
252 -)))|(% colspan="1" rowspan="1" %)(((
253 -显示轴标题开启后显示，这里没写标题文字的情况下，默认显示横/纵轴上第一个字段的名称
254 -)))
255 -|(% colspan="1" rowspan="1" %)(((
231 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义想要的轴标题名称文案
232 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
256 256  颜色字号
257 -)))|(% colspan="1" rowspan="1" %)(((
258 -拾色器+下拉
259 -)))|(% colspan="1" rowspan="1" %)(((
260 -默认：黑色，12号字
261 -)))
262 -|(% colspan="1" rowspan="1" %)(((
234 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义轴标题的颜色和字号
235 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
263 263  轴标签
264 -)))|(% colspan="1" rowspan="1" %)(((
265 -开关
266 -)))|(% colspan="1" rowspan="1" %)(((
267 -默认开启
237 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
238 +控制是否显示轴标签的开关，如下图：
239 +
240 +[[image:1729737350555-287.png||height="438" width="900"]]
268 268  )))
269 -|(% colspan="1" rowspan="1" %)(((
270 -颜色字号
271 -)))|(% colspan="1" rowspan="1" %)(((
272 -颜色字号
273 -)))|(% colspan="1" rowspan="1" %)(((
274 -默认：黑色，12号字
275 -)))
276 -|(% colspan="1" rowspan="1" %)(((
242 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
277 277  （轴标签）自动旋转
278 -)))|(% colspan="1" rowspan="1" %)(((
279 -勾选框
280 -)))|(% colspan="1" rowspan="1" %)(((
281 -默认勾选
244 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
245 +轴标签会斜45°显示，如下图
246 +
247 +[[image:1729737429518-371.png]]
282 282  )))
283 -|(% colspan="1" rowspan="1" %)(((
284 -
285 -)))|(% colspan="1" rowspan="1" %)(((
286 -
287 -)))|(% colspan="1" rowspan="1" %)(((
288 -
289 -)))
290 -|(% colspan="1" rowspan="8" %)(((
291 -坐标轴-Y轴
249 +|(% colspan="1" rowspan="4" style="width:76.9844px" %)(((
250 +纵轴
292 292  
293 293  
294 -)))|(% colspan="1" rowspan="1" %)(((
253 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
295 295  显示轴标题
296 296  
297 297  
298 -)))|(% colspan="1" rowspan="1" %)(((
299 -开关
300 -)))|(% colspan="1" rowspan="1" %)(((
301 -默认开启
257 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
258 +开启后，画布中纵轴左侧，将显示用户配置的纵轴的（第一个数据源）的标题
302 302  
303 -
260 +（图中：“Y轴标题”是轴标题， “桌子、椅子、窗帘”是图例）
261 +
262 +[[image:1729737694678-922.png]]
304 304  )))
305 -|(% colspan="1" rowspan="1" %)(((
264 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
306 306  标题内容
307 -)))|(% colspan="1" rowspan="1" %)(((
308 -输入框
309 -)))|(% colspan="1" rowspan="1" %)(((
310 -显示轴标题开启后显示，这里没写标题文字的情况下，默认显示横/纵轴上第一个字段的名称
311 -)))
312 -|(% colspan="1" rowspan="1" %)(((
313 -颜色字号
314 -)))|(% colspan="1" rowspan="1" %)(((
315 -拾色器+下拉
316 -)))|(% colspan="1" rowspan="1" %)(((
317 -默认：黑色，12号字
318 -)))
319 -|(% colspan="1" rowspan="1" %)(((
266 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义想要的轴标题名称文案
267 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
320 320  轴标签
321 -)))|(% colspan="1" rowspan="1" %)(((
322 -开关
323 -)))|(% colspan="1" rowspan="1" %)(((
324 -默认开启
269 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
270 +控制Y轴轴标签是否显示的开关
271 +
272 +[[image:1729737826799-987.png||height="434" width="369"]]
325 325  )))
326 -|(% colspan="1" rowspan="1" %)(((
327 -（轴标签）自动旋转
328 -)))|(% colspan="1" rowspan="1" %)(((
329 -勾选框
330 -)))|(% colspan="1" rowspan="1" %)(((
331 -默认勾选
332 -)))
333 -|(% colspan="1" rowspan="1" %)(((
334 -颜色字号
335 -)))|(% colspan="1" rowspan="1" %)(((
336 -颜色字号
337 -)))|(% colspan="1" rowspan="1" %)(((
338 -默认：黑色，12号字
339 -)))
340 -|(% colspan="1" rowspan="1" %)(((
274 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
341 341  刻度数
342 -)))|(% colspan="1" rowspan="1" %)(((
343 -输入框
344 -)))|(% colspan="1" rowspan="1" %)(((
345 -默认值：6， 即：标识Y轴默认有6个刻度
346 -)))
347 -|(% colspan="1" rowspan="1" %)(((
276 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户配置的Y轴的刻度数（注意：这里的刻度数是一个预估值，报表引擎在渲染时可能会根据实际情况改变最终呈现的刻度数）
277 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
348 348  
349 -)))|(% colspan="1" rowspan="1" %)(((
350 -
351 -)))|(% colspan="1" rowspan="1" %)(((
352 -
353 -)))
354 -|(% colspan="1" rowspan="1" %)(((
355 -
356 -)))|(% colspan="1" rowspan="3" %)(((
279 +)))|(% colspan="1" rowspan="3" style="width:76.9844px" %)(((
357 357  图例
358 358  
359 359  
360 -)))|(% colspan="1" rowspan="1" %)(((
283 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
361 361  显示图例
362 -)))|(% colspan="1" rowspan="1" %)(((
363 -开关
364 -)))|(% colspan="1" rowspan="1" %)(((
365 -默认开启
285 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
286 +默认开启， 关闭后则不显示图例
287 +
288 +[[image:1729737941885-204.png||height="506" width="842"]]
366 366  )))
367 -|(% colspan="1" rowspan="1" %)(((
290 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
368 368  
369 -)))|(% colspan="1" rowspan="1" %)(((
292 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
370 370  图例位置
371 -)))|(% colspan="1" rowspan="1" %)(((
372 -八宫格
373 -)))|(% colspan="1" rowspan="1" %)(((
374 -默认选中：左上角
375 -)))
376 -|(% colspan="1" rowspan="1" %)(((
294 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)图例默认出现在画布的左上角，同时支持用户设置图例在画布中的位置
295 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
377 377  
378 -)))|(% colspan="1" rowspan="1" %)(((
297 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
379 379  颜色字号
380 -)))|(% colspan="1" rowspan="1" %)(((
381 -拾色器+下拉
382 -)))|(% colspan="1" rowspan="1" %)(((
383 -默认：黑色，12号字
384 -
385 -（注意：这里指的是图例中文字Label的颜色和字号）
386 -)))
387 -
388 -
389 -
299 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户根据需要自行调整图例的文字颜色和字体大小
1729663321225-837.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +93.8 KB
内容
1729663818603-553.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +93.8 KB
内容
1729663922832-959.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +93.5 KB
内容
1729663961688-819.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +82.2 KB
内容
1729664204675-778.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +51.6 KB
内容
1729664436892-701.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +12.9 KB
内容
1729664469432-978.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +67.2 KB
内容
1729664570038-223.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +43.1 KB
内容
1729664677195-525.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +58.1 KB
内容
1729664725301-778.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +56.5 KB
内容
1729664811246-731.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +43.1 KB
内容
1729736532720-382.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +32.2 KB
内容
1729737237381-651.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +70.8 KB
内容
1729737350555-287.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +41.0 KB
内容
1729737429518-371.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +26.8 KB
内容
1729737694678-922.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +17.0 KB
内容
1729737826799-987.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +17.3 KB
内容
1729737941885-204.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +40.9 KB
内容
1737528997085-860.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +89.4 KB
内容
1737529012159-610.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +41.6 KB
内容
1737529051357-629.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.YufeiLi
大小
... ... @@ -1,0 +1,1 @@
1 +86.2 KB
内容