由 liuqing01 于 2025/06/30 11:36 最后修改
摘要
细节
- 页面属性
-
- 内容
-
... ... @@ -15,90 +15,127 @@ 15 15 **Highlights**: Specific data or categories can be emphasized by highlighting a sector or several important sectors in the pie chart. For example, highlighting the market share of a certain product, highlighting the sales proportion of a certain region, etc. 16 16 ))) 17 17 18 -==== ** [Basic Requirements]** ====18 +==== **【 Basic Requirements 】** ==== 19 19 20 - The basic requirements for a pie chart are as follows:20 + 饼图的基本要求如下： 21 21 22 -(% style="width: 584px" %)23 -|(% style="width: 280px" %)Category Field|(% style="width:300px" %)Mumeric Field24 -|(% style="width: 280px" %)Only one field can be configured|(% style="width:300px" %)Only one field can be configured22 +(% style="width:402px" %) 23 +|(% style="width:175px" %)分类字段|(% style="width:225px" %)数值字段 24 +|(% style="width:175px" %)最多1个字段|(% style="width:225px" %)最多1个字段 25 25 26 -==== [Configuration steps]** ====26 +==== **【操作步骤】** ==== 27 27 28 - **Step-1 Select chart and configure data sources**28 + **Step-1 选择组件，配置数据源** 29 29 30 - Create a report, select the pie chart in the upper left corner, and then choose the data source, as shown in the figure:30 + 创建报表，在左上角选择饼状图，然后选定数据源，如图： 31 31 32 -[[image:17 41595325557-627.png]]32 +[[image:1729843622506-386.png||height="546" width="767"]] 33 33 34 34 35 - **Step-2 Select chart display fields**35 + **Step-2 选择图表展示字段** 36 36 37 - Drag and drop the fields from the data source on the right onto the classification and numerical fields.37 + 将右边数据源中字段拖动放到**分类字段**、**数值字段**上 38 38 39 39 * ((( 40 - Data source for pie chart:40 +饼状图的数据源： 41 41 42 - Withthe 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:42 + 有了分类字段和数值字段，就可以根据数据的实际情况，绘制出正确的饼状图。下图中：将分类字段拖入销售物品类型，数值字段拖入销售数量，则可以得出：【按照销售物品类型分类后的销售数量的统计饼状图】 43 43 44 + 44 44 * ((( 45 -** 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.46 +**分类字段：** 本字段表示数据的类别或分类，每个数据点都应该有一个对应的类别。类别字段可以是产品名称、地区名称、部门名称等，用于表示数据所属的具体类别。 46 46 ))) 47 47 * ((( 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 49 51 +> 52 + 50 50 ((( 51 -====== Ifa 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).======54 +====== 如果在数值字段（虚线框）中拖入非数值类型的字段（如：字符串、日期、地点类型），会根据默认聚合方式（计数），将字符串、日期、地点转化为该字段出现的次数 ====== 52 52 ))) 53 53 54 -[[image:17 41595446152-461.png]]57 +[[image:1729749814387-113.png||height="669" width="1300"]] 55 55 ))) 56 56 ))) 57 57 58 - **Step-3 Style settings**61 + **Step-3 样式设置** 59 59 60 - Divided into three categories: Basic Settings, Labels, and Legends, as shown in the following figure:63 + 分为三小类：【基础设置】、【标签】，【图例】，如下图： 61 61 62 -[[image:17 41595493430-615.png]]65 +[[image:1729750188515-947.png||height="766" width="1425"]] 63 63 64 64 65 -==== **[Style Configuration Description]** ==== 68 +((( 69 + 70 +))) 66 66 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" %)((( 68 -Purpose 72 +((( 73 + 74 + 75 + 69 69 ))) 70 -|(% colspan="1" rowspan="6" style="width:107px" %)((( 71 -Basic Style 72 72 78 +==== **【样式配置说明】** ==== 79 + 80 +|(% colspan="1" rowspan="1" %)((( 73 73 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 82 +)))|(% colspan="1" rowspan="1" style="width:107px" %)((( 83 +样式设置分类 84 +)))|(% colspan="1" rowspan="1" style="width:150px" %)((( 85 +配置项 86 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 87 +用途 88 +))) 89 +|(% colspan="1" rowspan="14" %)((( 90 +**饼状图** 76 76 77 -[[image:1741595558139-598.png]] 92 + 93 +)))|(% colspan="1" rowspan="6" style="width:107px" %)((( 94 +基础设置 95 + 96 + 97 +)))|(% colspan="1" rowspan="1" style="width:150px" %)((( 98 +显示标题 99 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 100 +控制画布左上角的标题是否显示的开关 101 + 102 +[[image:1729754356435-491.png]] 78 78 ))) 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 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 105 +标题名称 106 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义报表标题 107 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 108 +帮助文字 109 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)开启后，标题右侧出现小问号，鼠标悬浮时，出现帮助文字具体内容 110 +[[image:1729754478509-444.png]] 111 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 112 +帮助文字内容 113 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户自定义帮助文字的文案，例如“本月销售总额统计” 114 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 115 +饼状图类型 116 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 117 +默认选中“常规”，第二选项：环形图，环形图效果如下： 85 85 86 -[[image:17 41595667776-260.png]]119 +[[image:1729754564047-207.png||height="451" width="1137"]] 87 87 88 88 89 89 ))) 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 123 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 124 +配色方案 125 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 126 +支持用户自定义图形整体的配色方案 127 +))) 91 91 |(% colspan="1" rowspan="5" style="width:107px" %)((( 92 - Label129 +标签 93 93 94 94 95 95 )))|(% colspan="1" rowspan="1" style="width:150px" %)((( 96 - Display Label133 +显示标签 97 97 )))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 98 98 ((( 99 - Control whether to display the labels of the pie chart, as shown in the following figure:136 +控制是否显示标签的开关，如下图： 100 100 101 -[[image:17 41595724904-816.png]]138 +[[image:1729754768467-631.png||height="523" width="1081"]] 102 102 ))) 103 103 104 104 ((( ... ... @@ -105,41 +105,56 @@ 105 105 106 106 ))) 107 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 109 |(% colspan="1" rowspan="1" style="width:150px" %)((( 110 -Label position 146 +颜色字号 147 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 148 +略 149 +))) 150 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 151 +标签位置 111 111 112 112 113 -)))|(% colspan="1" rowspan="1" style="width:1304px" %)Provide 3 modes: internal, external, spider diagram 154 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 155 +支持3种模式：内部，外部，蜘蛛图 156 +))) 114 114 |(% colspan="1" rowspan="1" style="width:150px" %)((( 115 - Label content158 +标签内容 116 116 117 117 118 118 )))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 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:162 +是标题、百分比、值的各种排列组合，默认选择【标题，百分比】如下，用户也可以改成其他内容，例如“标题，值（百分比）”，如下图： 120 120 121 -[[image:17 41595756674-393.png]]164 +[[image:1729756074259-175.png]] 122 122 123 123 124 124 ))) 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: 168 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 169 +百分比小数位数 170 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 171 +设置上述标签内容中，百分比的小数位数，例如设置成显示3位小数，如下图： 127 127 128 -[[image:17 41595788641-743.png]]173 +[[image:1729756197988-684.png]] 129 129 130 130 131 131 132 132 ))) 133 133 |(% colspan="1" rowspan="3" style="width:107px" %)((( 134 - Legend179 +图例 135 135 )))|(% colspan="1" rowspan="1" style="width:150px" %)((( 136 - Show legend181 +显示图例 137 137 )))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 138 - Bydefault, it is turned on, and when turned off, the legend will not be displayed183 +默认开启， 如下图： 139 139 140 -[[image:17 41595825268-360.png]]185 +[[image:1729756246566-930.png]] 141 141 ))) 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 187 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 188 +图例位置 189 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)((( 190 +图例默认出现在画布的左上角，同时支持用户设置图例在画布中的位置 191 + 192 + 193 + 144 144 ))) 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 195 +|(% colspan="1" rowspan="1" style="width:150px" %)((( 196 +颜色字号 197 +)))|(% colspan="1" rowspan="1" style="width:1304px" %)支持用户根据需要自行调整图例的文字颜色和字体大小
- 1741595309305-287.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -70.8 KB - 内容
- 1741595325557-627.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -70.8 KB - 内容
- 1741595446152-461.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -115.3 KB - 内容
- 1741595493430-615.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -102.0 KB - 内容
- 1741595558139-598.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -61.0 KB - 内容
- 1741595638111-718.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -62.4 KB - 内容
- 1741595667776-260.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -119.8 KB - 内容
- 1741595724904-816.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -117.9 KB - 内容
- 1741595756674-393.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -123.1 KB - 内容
- 1741595788641-743.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -117.3 KB - 内容
- 1741595825268-360.png
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.maym - 大小
-
... ... @@ -1,1 +1,0 @@ 1 -73.9 KB - 内容