Skip to Content

文档更改5.8.2.3 Pie chart

由 liuqing01 于 2025/06/30 11:36 最后修改
从版本 14.4
由maym编辑
在2025/03/10 08:09上
修改评论： 该版本没有评论
到版本
由maym编辑
在2025/03/11 07:48上
修改评论： 该版本没有评论

摘要

细节

页面属性
内容
... ... @@ -23,25 +23,24 @@
23 23  |(% style="width:280px" %)Category Field|(% style="width:300px" %)Mumeric Field
24 24  |(% style="width:280px" %)Only one field can be configured|(% style="width:300px" %)Only one field can be configured
25 25  
26 -==== Only one field can be configured ====
26 +==== **[Configuration steps]** ====
27 27  
28 - **Step-1 Select components and configure data sources**
28 + **Step-1 Select chart and configure data sources**
29 29  
30 30   Create a report, select the pie chart in the upper left corner, and then choose the data source, as shown in the figure:
31 31  
32 -[[image:1729843622506-386.png||height="546" width="767"]]
32 +[[image:1741595325557-627.png]]
33 33  
34 34  
35 35   **Step-2 Select chart display fields**
36 36  
37 - Drag and drop the fields from the data source on the right onto the classification and numerical fields
37 + Drag and drop the fields from the data source on the right onto the classification and numerical fields.
38 38  
39 39  * (((
40 40  Data source for pie chart:
41 41  
42 - With the classification field and numerical field, it is possible to draw the correct pie chart based on the actual situation of the data. In the following figure:将销售物品类型拖入分类字段中，将销售数量拖入数值字段中，则可以得出：【按照销售物品类型分类后的销售数量的统计饼状图】
42 + With the classification field and numerical field, it is possible to draw the correct pie chart based on the actual situation of the data. In the following figure: Drag the order time into the category field and the order amount into the numerical field, and you will get the following pie chart of order amounts classified by order date:
43 43  
44 -
45 45  * (((
46 46  **Classification field:** This field represents the category or classification of the data, and each data point should have a corresponding category. The category field can be product name, region name, department name, etc., used to indicate the specific category to which the data belongs.
47 47  )))
... ... @@ -49,10 +49,10 @@
49 49  **Numerical field:** This field represents the specific numerical value/quantity for each category. Numerical fields can be sales revenue, sales quantity, market share, etc., used to represent the proportion or percentage of each category in the overall population.
50 50  
51 51  (((
52 -====== If a non numeric field (such as string, date, location type) is dragged into a numeric field (dashed box), the string, date, location will be converted to the number of times the field appears based on the default aggregation method (count) ======
51 +====== If a non numeric field (such as string, date, location type) is dragged into a numeric field (dashed box), the string, date, location will be converted to the number of times the field appears based on the default aggregation method (count). ======
53 53  )))
54 54  
55 -[[image:1729749814387-113.png||height="669" width="1300"]]
54 +[[image:1741595446152-461.png]]
56 56  )))
57 57  )))
58 58  
... ... @@ -60,19 +60,9 @@
60 60  
61 61   Divided into three categories: Basic Settings, Labels, and Legends, as shown in the following figure:
62 62  
63 -[[image:1729750188515-947.png||height="766" width="1425"]]
62 +[[image:1741595493430-615.png]]
64 64  
65 65  
66 -(((
67 -
68 -)))
69 -
70 -(((
71 -
72 -
73 -
74 -)))
75 -
76 76  ==== **[Style Configuration Description]** ====
77 77  
78 78  |(% colspan="1" rowspan="1" style="width:107px" %)Classification|(% colspan="1" rowspan="1" style="width:150px" %)Configuration Items|(% colspan="1" rowspan="1" style="width:1304px" %)(((
... ... @@ -82,46 +82,34 @@
82 82  Basic Style
83 83  
84 84  
85 -)))|(% colspan="1" rowspan="1" style="width:150px" %)Show heading|(% colspan="1" rowspan="1" style="width:1304px" %)(((
86 -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；
74 +)))|(% colspan="1" rowspan="1" style="width:150px" %)Show title|(% colspan="1" rowspan="1" style="width:1304px" %)(((
75 +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 "Sales atatistis" are shown in the following figure
87 87  
88 -[[image:1729754356435-491.png]]
77 +[[image:1741595558139-598.png]]
89 89  )))
90 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
91 -标题名称
92 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义报表标题
93 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
94 -帮助文字
95 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)开启后，标题右侧出现小问号，鼠标悬浮时，出现帮助文字具体内容
96 -[[image:1729754478509-444.png]]
97 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
98 -帮助文字内容
99 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义帮助文字的文案，例如“本月销售总额统计”
100 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
101 -饼状图类型
102 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
103 -默认选中“常规”，第二选项：环形图，环形图效果如下：
79 +|(% colspan="1" rowspan="1" style="width:150px" %)Title name|(% colspan="1" rowspan="1" style="width:1304px" %)You can name the chart by yourself
80 +|(% colspan="1" rowspan="1" style="width:150px" %)Help text|(% colspan="1" rowspan="1" style="width:1304px" %)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
81 +[[image:1741595638111-718.png]]
82 +|(% colspan="1" rowspan="1" style="width:150px" %)Help text content|(% colspan="1" rowspan="1" style="width:1304px" %)Enter a description of the chart here to help client users understand the chart data
83 +|(% colspan="1" rowspan="1" style="width:150px" %)Pie chart type|(% colspan="1" rowspan="1" style="width:1304px" %)(((
84 +By default, "General" is selected. The second option is a circular chart, which has the following effect:
104 104  
105 -[[image:1729754564047-207.png||height="451" width="1137"]]
86 +[[image:1741595667776-260.png]]
106 106  
107 107  
108 108  )))
109 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
110 -配色方案
111 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
112 -支持用户自定义图形整体的配色方案
113 -)))
90 +|(% colspan="1" rowspan="1" style="width:150px" %)Color scheme|(% colspan="1" rowspan="1" style="width:1304px" %)Customize the color scheme of the Y-axis pillar
114 114  |(% colspan="1" rowspan="5" style="width:107px" %)(((
115 -标签
92 +Label
116 116  
117 117  
118 118  )))|(% colspan="1" rowspan="1" style="width:150px" %)(((
119 -显示标签
96 +Display Label
120 120  )))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
121 121  (((
122 -控制是否显示标签的开关，如下图：
99 +Control whether to display the labels of the pie chart, as shown in the following figure:
123 123  
124 -[[image:1729754768467-631.png||height="523" width="1081"]]
101 +[[image:1741595724904-816.png]]
125 125  )))
126 126  
127 127  (((
... ... @@ -128,56 +128,41 @@
128 128  
129 129  )))
130 130  )))
108 +|(% colspan="1" rowspan="1" style="width:150px" %)Color font size|(% colspan="1" rowspan="1" style="width:1304px" %)Support user-defined color and font size for label
131 131  |(% colspan="1" rowspan="1" style="width:150px" %)(((
132 -颜色字号
133 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
134 -略
135 -)))
136 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
137 -标签位置
110 +Label position
138 138  
139 139  
140 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
141 -支持3种模式：内部，外部，蜘蛛图
142 -)))
113 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)Provide 3 modes: internal, external, spider diagram
143 143  |(% colspan="1" rowspan="1" style="width:150px" %)(((
144 -标签内容
115 +Label content
145 145  
146 146  
147 147  )))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
148 -是标题、百分比、值的各种排列组合，默认选择【标题，百分比】如下，用户也可以改成其他内容，例如“标题，值（百分比）”，如下图：
119 +It is a combination of titles, percentages, and values arranged in various ways. The default combination is [title, percentage], but users can also change it to other content, such as the "title, value (percentage)" combination, as shown in the following figure:
149 149  
150 -[[image:1729756074259-175.png]]
121 +[[image:1741595756674-393.png]]
151 151  
152 152  
153 153  )))
154 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
155 -百分比小数位数
156 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
157 -设置上述标签内容中，百分比的小数位数，例如设置成显示3位小数，如下图：
125 +|(% colspan="1" rowspan="1" style="width:150px" %)% decimals|(% colspan="1" rowspan="1" style="width:1304px" %)(((
126 +Set the decimal places for percentages in the above labels, for example, to display 3 decimal places, as shown in the following figure:
158 158  
159 -[[image:1729756197988-684.png]]
128 +[[image:1741595788641-743.png]]
160 160  
161 161  
162 162  
163 163  )))
164 164  |(% colspan="1" rowspan="3" style="width:107px" %)(((
165 -图例
134 +Legend
166 166  )))|(% colspan="1" rowspan="1" style="width:150px" %)(((
167 -显示图例
136 +Show legend
168 168  )))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
169 -默认开启， 如下图：
138 +By default, it is turned on, and when turned off, the legend will not be displayed
170 170  
171 -[[image:1729756246566-930.png]]
140 +[[image:1741595825268-360.png]]
172 172  )))
173 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
174 -图例位置
175 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
176 -图例默认出现在画布的左上角，同时支持用户设置图例在画布中的位置
177 -
178 -
179 -
142 +|(% colspan="1" rowspan="1" style="width:150px" %)Legend position|(% colspan="1" rowspan="1" style="width:1304px" %)(((
143 +The legend defaults to the top left corner of the chart and supports displaying the legend in other positions of the chart, such as the top center, bottom left corner, top right corner, bottom center, or bottom right corner
180 180  )))
181 -|(% colspan="1" rowspan="1" style="width:150px" %)(((
182 -颜色字号
183 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户根据需要自行调整图例的文字颜色和字体大小
145 +|(% colspan="1" rowspan="1" style="width:150px" %)Color and font size|(% colspan="1" rowspan="1" style="width:1304px" %)Adjust the text color and font size of the legend
1741595309305-287.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +70.8 KB
内容
1741595325557-627.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +70.8 KB
内容
1741595446152-461.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +115.3 KB
内容
1741595493430-615.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +102.0 KB
内容
1741595558139-598.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +61.0 KB
内容
1741595638111-718.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +62.4 KB
内容
1741595667776-260.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +119.8 KB
内容
1741595724904-816.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +117.9 KB
内容
1741595756674-393.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +123.1 KB
内容
1741595788641-743.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +117.3 KB
内容
1741595825268-360.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.maym
大小
... ... @@ -1,0 +1,1 @@
1 +73.9 KB
内容