Skip to Content

文档更改5.8.2.3 Pie chart

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

摘要

细节

页面属性
文档作者
... ... @@ -1,1 +1,1 @@
1 -XWiki.liuqing01
1 +XWiki.maym
内容
... ... @@ -1,5 +3,3 @@
1 -
2 -
3 3  ==== **[Usage Scenario]** ====
4 4  
5 5   A pie chart is a commonly used type of data visualization chart that presents data as a circular shape resembling a pie chart, displaying the proportions of different data classifications in a fan-shaped manner. It is suitable for the following scenarios:
... ... @@ -21,17 +21,19 @@
21 21  
22 22   The basic requirements for a pie chart are as follows:
23 23  
24 -|Category Field|Mumeric Field
25 -|Only one field can be configured|Only one field can be configured
22 +(% style="width:584px" %)
23 +|(% style="width:280px" %)Category Field|(% style="width:300px" %)Mumeric Field
24 +|(% style="width:280px" %)Only one field can be configured|(% style="width:300px" %)Only one field can be configured
26 26  
27 -==== **[Configuration steps]** ====
26 +==== **[Configuration steps]** ====
28 28  
29 29   **Step-1 Select chart and configure data sources**
30 30  
31 31   Create a report, select the pie chart in the upper left corner, and then choose the data source, as shown in the figure:
32 32  
33 -[[image:http://192.168.102.35:8080/bin/download/Egret%20Cloud%20Operation%20manual/5.%20%E8%AE%BE%E8%AE%A1%E5%BA%94%E7%94%A8/5.8%20%E6%8A%A5%E8%A1%A8%E8%AE%BE%E8%AE%A1/5.8.2%20%E6%8A%A5%E8%A1%A8%E8%AE%BE%E8%AE%A1%E5%99%A8/5.8.2.3%20%E9%A5%BC%E7%8A%B6%E5%9B%BE/WebHome/1750236977695-351.png?rev=1.1||alt="1750236977695-351.png"]]
32 +[[image:1741595325557-627.png]]
34 34  
34 +
35 35   **Step-2 Select chart display fields**
36 36  
37 37   Drag and drop the fields from the data source on the right onto the classification and numerical fields.
... ... @@ -47,9 +47,11 @@
47 47  * (((
48 48  **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.
49 49  
50 +(((
50 50  ====== 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). ======
52 +)))
51 51  
52 -[[image:http://192.168.102.35:8080/bin/download/Egret%20Cloud%20Operation%20manual/5.%20%E8%AE%BE%E8%AE%A1%E5%BA%94%E7%94%A8/5.8%20%E6%8A%A5%E8%A1%A8%E8%AE%BE%E8%AE%A1/5.8.2%20%E6%8A%A5%E8%A1%A8%E8%AE%BE%E8%AE%A1%E5%99%A8/5.8.2.3%20%E9%A5%BC%E7%8A%B6%E5%9B%BE/WebHome/1750237017901-981.png?rev=1.1||alt="1750237017901-981.png"]]
54 +[[image:1741595446152-461.png]]
53 53  )))
54 54  )))
55 55  
... ... @@ -59,25 +59,26 @@
59 59  
60 60  [[image:1741595493430-615.png]]
61 61  
64 +
62 62  ==== **[Style Configuration Description]** ====
63 63  
64 -|(% colspan="1" rowspan="1" %)Classification|(% colspan="1" rowspan="1" %)Configuration Items|(% colspan="1" rowspan="1" %)(((
67 +|(% colspan="1" rowspan="1" style="width:107px" %)Classification|(% colspan="1" rowspan="1" style="width:150px" %)Configuration Items|(% colspan="1" rowspan="1" style="width:1304px" %)(((
65 65  Purpose
66 66  )))
67 -|(% colspan="1" rowspan="6" %)(((
70 +|(% colspan="1" rowspan="6" style="width:107px" %)(((
68 68  Basic Style
69 69  
70 70  
71 -)))|(% colspan="1" rowspan="1" %)Show title|(% colspan="1" rowspan="1" %)(((
74 +)))|(% colspan="1" rowspan="1" style="width:150px" %)Show title|(% colspan="1" rowspan="1" style="width:1304px" %)(((
72 72  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
73 73  
74 74  [[image:1741595558139-598.png]]
75 75  )))
76 -|(% colspan="1" rowspan="1" %)Title name|(% colspan="1" rowspan="1" %)You can name the chart by yourself
77 -|(% colspan="1" rowspan="1" %)Help text|(% colspan="1" rowspan="1" %)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
79 +|(% colspan="1" rowspan="1" style="width:150px" %)Chart title|(% 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
78 78  [[image:1741595638111-718.png]]
79 -|(% colspan="1" rowspan="1" %)Help text content|(% colspan="1" rowspan="1" %)Enter a description of the chart here to help client users understand the chart data
80 -|(% colspan="1" rowspan="1" %)Pie chart type|(% colspan="1" rowspan="1" %)(((
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" %)(((
81 81  By default, "General" is selected. The second option is a circular chart, which has the following effect:
82 82  
83 83  [[image:1741595667776-260.png]]
... ... @@ -84,31 +84,35 @@
84 84  
85 85  
86 86  )))
87 -|(% colspan="1" rowspan="1" %)Color scheme|(% colspan="1" rowspan="1" %)Customize the color scheme of the Y-axis pillar
88 -|(% colspan="1" rowspan="5" %)(((
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
91 +|(% colspan="1" rowspan="5" style="width:107px" %)(((
89 89  Label
90 90  
91 91  
92 -)))|(% colspan="1" rowspan="1" %)(((
95 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
93 93  Display Label
94 -)))|(% colspan="1" rowspan="1" %)(((
97 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
98 +(((
95 95  Control whether to display the labels of the pie chart, as shown in the following figure:
96 96  
97 97  [[image:1741595724904-816.png]]
102 +)))
98 98  
104 +(((
99 99  
100 100  )))
101 -|(% colspan="1" rowspan="1" %)Color font size|(% colspan="1" rowspan="1" %)Support user-defined color and font size for label
102 -|(% colspan="1" rowspan="1" %)(((
107 +)))
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
109 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
103 103  Label position
104 104  
105 105  
106 -)))|(% colspan="1" rowspan="1" %)Provide 3 modes: internal, external, spider diagram
107 -|(% colspan="1" rowspan="1" %)(((
113 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)Provide 3 modes: internal, external, spider diagram
114 +|(% colspan="1" rowspan="1" style="width:150px" %)(((
108 108  Label content
109 109  
110 110  
111 -)))|(% colspan="1" rowspan="1" %)(((
118 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
112 112  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:
113 113  
114 114  [[image:1741595756674-393.png]]
... ... @@ -115,23 +115,24 @@
115 115  
116 116  
117 117  )))
118 -|(% colspan="1" rowspan="1" %)% decimals|(% colspan="1" rowspan="1" %)(((
125 +|(% colspan="1" rowspan="1" style="width:150px" %)% decimals|(% colspan="1" rowspan="1" style="width:1304px" %)(((
119 119  Set the decimal places for percentages in the above labels, for example, to display 3 decimal places, as shown in the following figure:
120 120  
121 121  [[image:1741595788641-743.png]]
122 122  
130 +
123 123  
124 124  )))
125 -|(% colspan="1" rowspan="3" %)(((
133 +|(% colspan="1" rowspan="3" style="width:107px" %)(((
126 126  Legend
127 -)))|(% colspan="1" rowspan="1" %)(((
135 +)))|(% colspan="1" rowspan="1" style="width:150px" %)(((
128 128  Show legend
129 -)))|(% colspan="1" rowspan="1" %)(((
137 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)(((
130 130  By default, it is turned on, and when turned off, the legend will not be displayed
131 131  
132 132  [[image:1741595825268-360.png]]
133 133  )))
134 -|(% colspan="1" rowspan="1" %)Legend position|(% colspan="1" rowspan="1" %)(((
142 +|(% colspan="1" rowspan="1" style="width:150px" %)Legend position|(% colspan="1" rowspan="1" style="width:1304px" %)(((
135 135  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
136 136  )))
137 -|(% colspan="1" rowspan="1" %)Color and font size|(% colspan="1" rowspan="1" %)Adjust the text color and font size of the legend
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