Skip to Content

文档更改5.8.2.2 Line Chart

由 liuqing01 于 2025/06/30 11:35 最后修改
从版本 17.1
由maym编辑
在2025/02/27 10:25上
修改评论： 该版本没有评论
到版本
由maym编辑
在2025/02/27 07:06上
修改评论： 该版本没有评论

摘要

细节

页面属性
内容
... ... @@ -40,45 +40,61 @@
40 40  ==== 【Basic Attributes】 ====
41 41  
42 42  
43 -|(% style="width:294px" %)**Horizontal axis**|(% style="width:236px" %)**Longitudinal axis**|(% style="width:472px" %)**Search Fields**|(% style="width:275px" %)**Refernce Line**|(% style="width:245px" %)**Filter conditions**
44 -|(% style="width:294px" %)Multiple fields can be configured, but up to 30 fields are allowed|(% style="width:236px" %)Only one field can be configured|(% style="width:472px" %)After configuration, the client can draw a line chart by searching for data that meets the criteria based on different search field values|(% style="width:275px" %)Multiple fields can be configured, but up to 30 fields are allowed|(% style="width:245px" %)Configure the condition values for filtering data sources
43 +|Horizontal axis|(% style="width:214px" %)Longitudinal axis|(% style="width:527px" %)搜索字段|(% style="width:281px" %)参考线|(% style="width:330px" %)过滤条件
44 +|可多选字段，最多30个字段|(% style="width:214px" %)最多1个字段|(% style="width:527px" %)配置后客户端可以根据搜索字段值的不同搜索满足条件的数据绘制折线图|(% style="width:281px" %)可选多个字段，最多30个字段|(% style="width:330px" %)配置对数据源进行过滤的条件值
45 45  
46 46  ====== ======
47 47  
48 -==== **[Configuration steps]** ====
48 +==== **【配置步骤】** ====
49 49  
50 -**Step-1 Select Bar Chart**
50 +**Step-1 选择图形**
51 51  
52 -[[image:1740640778297-295.png]]
52 +创建报表，选择折线图，如图：
53 53  
54 +[[image:1737529051357-629.png]]
54 54  
55 -**Step-2 Select chart display fields**
56 56  
57 -Drag and drop the fields from the data source list on the right onto the horizontal axis, vertical axis, search field, and reference line
57 +**Step-2 选择图表展示字段**
58 58  
59 -[[image:1740641005459-993.png]]
59 +将右边数据源列表中的字段拖动放到【横轴】、【纵轴】、【分组】、【参考线】上
60 60  
61 +[[image:1737528997085-860.png]]
61 61  
62 -**Step-3 Style settings**
63 63  
64 -Divided into three categories: [Basic Style], [Coordinate Axis], [Legend], as shown in the following figure:
64 +Step-3 样式设置
65 65  
66 -[[image:1740641136822-176.png]]
66 +分为三小类：【基础】、【坐标轴】，【图例】，如下图
67 67  
68 +[[image:1729663961688-819.png]]
68 68  
69 69  
70 -==== **[Style Configuration Description]** ====
71 71  
72 -|(% colspan="1" rowspan="1" style="width:76.9844px" %)Classification|(% colspan="1" rowspan="1" style="width:94px" %)Configuration Items|(% colspan="1" rowspan="1" style="width:1272px" %)Purpose
73 -|(% colspan="1" rowspan="12" style="width:76.9844px" %)(((
74 -Basic Style
72 +==== **【样式配置说明】** ====
75 75  
74 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
76 76  
77 -)))|(% colspan="1" rowspan="1" style="width:94px" %)Show heading |(% colspan="1" rowspan="1" style="width:1272px" %)(((
76 +)))|(% colspan="1" rowspan="1" style="width:76.9844px" %)(((
77 +样式设置分类
78 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
79 +配置项
80 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
81 +用途
82 +)))
83 +|(% colspan="1" rowspan="21" style="width:52px" %)(((
84 +**折线图**
85 +
86 +
87 +)))|(% colspan="1" rowspan="12" style="width:76.9844px" %)(((
88 +基础
89 +
90 +
91 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
92 +显示标题
93 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
78 78  (((
79 -Control whether the chart title in the upper left corner of the canvas is displayed. When closed, the chart title will not be displayed in the report, The words "柱状图1" are shown in the following figure；
95 +控制画布左上角的标题是否显示的开关
80 80  
81 -[[image:1740645772547-595.png]]
97 +[[image:1729664204675-778.png||height="214" width="731"]]
82 82  )))
83 83  
84 84  (((
... ... @@ -85,18 +85,22 @@
85 85  
86 86  )))
87 87  )))
88 -|(% colspan="1" rowspan="1" style="width:94px" %)Chart title|(% colspan="1" rowspan="1" style="width:1272px" %)You can name the chart yourself
89 89  |(% colspan="1" rowspan="1" style="width:94px" %)(((
90 -Help text
105 +标题名称
106 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义报表标题
107 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
108 +帮助文字
109 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)开启后，标题右侧出现小问号，鼠标悬浮时，出现帮助文字具体内容
110 +[[image:1729664436892-701.png]]
111 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
112 +帮助文字内容
113 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户自定义帮助文字的文案，例如“这是本月销售订单总额的统计”
114 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
115 +折线图类型
91 91  )))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
92 -Control whether the help copy is displayed in the chart. If enabled, client users can see a "?" icon after the chart title and the corresponding help copy when moving the mouse over the icon;
93 -
94 -[[image:1740645921975-640.png]]
95 -)))
96 -|(% colspan="1" rowspan="1" style="width:94px" %)Help text content|(% colspan="1" rowspan="1" style="width:1272px" %)Enter a description of the chart here to help client users understand the chart data;
97 -|(% colspan="1" rowspan="1" style="width:94px" %)Line chart type|(% colspan="1" rowspan="1" style="width:1272px" %)(((
98 98  (((
99 -Provide 2 types: line and curve[[image:1740646556619-157.png]]
118 +支持2种类型：折线、曲线
119 +[[image:1729664469432-978.png||height="398" width="875"]]
100 100  )))
101 101  
102 102  (((
... ... @@ -103,11 +103,16 @@
103 103  
104 104  )))
105 105  )))
106 -|(% colspan="1" rowspan="1" style="width:94px" %)color scheme|(% colspan="1" rowspan="1" style="width:1272px" %)Customize the color scheme of the Y-axis pillar；
107 107  |(% colspan="1" rowspan="1" style="width:94px" %)(((
108 -Display thumbnail axis
109 -)))|(% colspan="1" rowspan="1" style="width:1272px" %)Set a thumbnail axis for the horizontal axis, that is, to view the data of a certain interval on the horizontal axis；​​​​​​​[[image:1729664570038-223.png||height="477" width="822"]]
127 +配色方案
128 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
129 +支持用户自定义（多Y轴时）整体的配色方案
130 +)))
110 110  |(% colspan="1" rowspan="1" style="width:94px" %)(((
132 +显示缩略轴
133 +)))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户设置针对横轴的缩略轴，即：查看横轴上某一区间的数据
134 +[[image:1729664570038-223.png||height="477" width="822"]]
135 +|(% colspan="1" rowspan="1" style="width:94px" %)(((
111 111  展示点
112 112  )))|(% colspan="1" rowspan="1" style="width:1272px" %)(((
113 113  (((
... ... @@ -218,7 +218,9 @@
218 218  |(% colspan="1" rowspan="1" style="width:94px" %)(((
219 219  刻度数
220 220  )))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户配置的Y轴的刻度数（注意：这里的刻度数是一个预估值，报表引擎在渲染时可能会根据实际情况改变最终呈现的刻度数）
221 -|(% colspan="1" rowspan="3" style="width:76.9844px" %)(((
246 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
247 +
248 +)))|(% colspan="1" rowspan="3" style="width:76.9844px" %)(((
222 222  图例
223 223  
224 224  
... ... @@ -229,9 +229,13 @@
229 229  
230 230  [[image:1729737941885-204.png||height="506" width="842"]]
231 231  )))
232 -|(% colspan="1" rowspan="1" style="width:94px" %)(((
259 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
260 +
261 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
233 233  图例位置
234 234  )))|(% colspan="1" rowspan="1" style="width:1272px" %)图例默认出现在画布的左上角，同时支持用户设置图例在画布中的位置
235 -|(% colspan="1" rowspan="1" style="width:94px" %)(((
264 +|(% colspan="1" rowspan="1" style="width:52px" %)(((
265 +
266 +)))|(% colspan="1" rowspan="1" style="width:94px" %)(((
236 236  颜色字号
237 237  )))|(% colspan="1" rowspan="1" style="width:1272px" %)支持用户根据需要自行调整图例的文字颜色和字体大小
1740640778297-295.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -112.5 KB
内容
1740640945562-266.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -112.2 KB
内容
1740641005459-993.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -120.0 KB
内容
1740641136822-176.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -105.8 KB
内容
1740645772547-595.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -98.7 KB
内容
1740645921975-640.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.maym
大小
... ... @@ -1,1 +1,0 @@
1 -106.3 KB
内容