由 liuqing01 于 2025/06/30 11:36 最后修改
摘要
-
页面属性 (2 修改， 0 新增， 0 删除)
细节
- 页面属性
-
- 文档作者
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. maym1 +XWiki.liuqing01 - 内容
-
... ... @@ -1,3 +1,5 @@ 1 + 2 + 1 1 ==== **[Usage Scenario]** ==== 2 2 3 3 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: ... ... @@ -19,17 +19,17 @@ 19 19 20 20 The basic requirements for a pie chart are as follows: 21 21 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 24 +|Category Field|Mumeric Field 25 +|Only one field can be configured|Only one field can be configured 25 25 26 - Step-1 Select components and configure datasources**27 +==== **[Configuration steps]** ==== 27 27 29 + **Step-1 Select chart and configure data sources** 30 + 28 28 Create a report, select the pie chart in the upper left corner, and then choose the data source, as shown in the figure: 29 29 30 -[[image:1741595325557 -627.png]]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"]] 31 31 32 - 33 33 **Step-2 Select chart display fields** 34 34 35 35 Drag and drop the fields from the data source on the right onto the classification and numerical fields. ... ... @@ -45,11 +45,9 @@ 45 45 * ((( 46 46 **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. 47 47 48 -((( 49 49 ====== 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). ====== 50 -))) 51 51 52 -[[image:1741595 446152-461.png]]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"]] 53 53 ))) 54 54 ))) 55 55 ... ... @@ -59,26 +59,25 @@ 59 59 60 60 [[image:1741595493430-615.png]] 61 61 62 - 63 63 ==== **[Style Configuration Description]** ==== 64 64 65 -|(% colspan="1" rowspan="1" style="width:107px"%)Classification|(% colspan="1" rowspan="1"style="width:150px"%)Configuration Items|(% colspan="1" rowspan="1"style="width:1304px"%)(((64 +|(% colspan="1" rowspan="1" %)Classification|(% colspan="1" rowspan="1" %)Configuration Items|(% colspan="1" rowspan="1" %)((( 66 66 Purpose 67 67 ))) 68 -|(% colspan="1" rowspan="6" style="width:107px"%)(((67 +|(% colspan="1" rowspan="6" %)((( 69 69 Basic Style 70 70 71 71 72 -)))|(% colspan="1" rowspan="1" style="width:150px"%)Showheading|(% colspan="1" rowspan="1"style="width:1304px"%)(((73 -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 figure71 +)))|(% colspan="1" rowspan="1" %)Show title|(% colspan="1" rowspan="1" %)((( 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 74 74 75 75 [[image:1741595558139-598.png]] 76 76 ))) 77 -|(% colspan="1" rowspan="1" style="width:150px"%)Chart title|(% colspan="1" rowspan="1"style="width:1304px"%)You can name the chart by yourself78 -|(% 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 icon76 +|(% 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 79 [[image:1741595638111-718.png]] 80 -|(% 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 data81 -|(% colspan="1" rowspan="1" style="width:150px"%)Pie chart type|(% colspan="1" rowspan="1"style="width:1304px"%)(((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 82 By default, "General" is selected. The second option is a circular chart, which has the following effect: 83 83 84 84 [[image:1741595667776-260.png]] ... ... @@ -85,35 +85,31 @@ 85 85 86 86 87 87 ))) 88 -|(% colspan="1" rowspan="1" style="width:150px"%)Color scheme|(% colspan="1" rowspan="1"style="width:1304px"%)Customize the color scheme of the Y-axis pillar89 -|(% colspan="1" rowspan="5" style="width:107px"%)(((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 90 Label 91 91 92 92 93 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((92 +)))|(% colspan="1" rowspan="1" %)((( 94 94 Display Label 95 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 96 -((( 94 +)))|(% colspan="1" rowspan="1" %)((( 97 97 Control whether to display the labels of the pie chart, as shown in the following figure: 98 98 99 99 [[image:1741595724904-816.png]] 100 -))) 101 101 102 -((( 103 103 104 104 ))) 105 -))) 106 -|(% 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 107 -|(% colspan="1" rowspan="1" style="width:150px" %)((( 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" %)((( 108 108 Label position 109 109 110 110 111 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)Provide 3 modes: internal, external, spider diagram112 -|(% colspan="1" rowspan="1" style="width:150px"%)(((106 +)))|(% colspan="1" rowspan="1" %)Provide 3 modes: internal, external, spider diagram 107 +|(% colspan="1" rowspan="1" %)((( 113 113 Label content 114 114 115 115 116 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)(((111 +)))|(% colspan="1" rowspan="1" %)((( 117 117 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: 118 118 119 119 [[image:1741595756674-393.png]] ... ... @@ -120,24 +120,23 @@ 120 120 121 121 122 122 ))) 123 -|(% colspan="1" rowspan="1" style="width:150px"%)% decimals|(% colspan="1" rowspan="1"style="width:1304px"%)(((118 +|(% colspan="1" rowspan="1" %)% decimals|(% colspan="1" rowspan="1" %)((( 124 124 Set the decimal places for percentages in the above labels, for example, to display 3 decimal places, as shown in the following figure: 125 125 126 126 [[image:1741595788641-743.png]] 127 127 128 - 129 129 130 130 ))) 131 -|(% colspan="1" rowspan="3" style="width:107px"%)(((125 +|(% colspan="1" rowspan="3" %)((( 132 132 Legend 133 -)))|(% colspan="1" rowspan="1" style="width:150px"%)(((127 +)))|(% colspan="1" rowspan="1" %)((( 134 134 Show legend 135 -)))|(% colspan="1" rowspan="1" style="width:1304px"%)(((129 +)))|(% colspan="1" rowspan="1" %)((( 136 136 By default, it is turned on, and when turned off, the legend will not be displayed 137 137 138 138 [[image:1741595825268-360.png]] 139 139 ))) 140 -|(% colspan="1" rowspan="1" style="width:150px"%)Legend position|(% colspan="1" rowspan="1"style="width:1304px"%)(((134 +|(% colspan="1" rowspan="1" %)Legend position|(% colspan="1" rowspan="1" %)((( 141 141 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 142 142 ))) 143 -|(% 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 legend137 +|(% colspan="1" rowspan="1" %)Color and font size|(% colspan="1" rowspan="1" %)Adjust the text color and font size of the legend