Wiki源代码5.8.2.3 Pie chart

由用户 liuqing01 在 2025/06/18 10:05 保存的版本 17.1

version	line-number	content
17.1	1
	2
14.1	3	==== [Usage Scenario] ====
1.1	4
14.2	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:
1.1	6
	7	* (((
14.2	8	Proportional display: A pie chart is suitable for displaying the proportion or proportion relationship of different categories in the population. For example, market share, the proportion of various expenses to total expenses, etc.
1.1	9	)))
	10	* (((
14.2	11	Category Display: A pie chart can classify and display data according to different categories, visually showing comparisons between different categories. For example, the sales proportion of different products, the sales proportion of different regions, etc.
1.1	12	)))
	13	* (((
14.2	14	Trend analysis: By observing the size changes of each sector in the pie chart, the trend and changes of the data can be analyzed. For example, seasonal changes in sales revenue, changes in the proportion of users in different age groups, etc.
1.1	15	)))
	16	* (((
14.2	17	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.
1.1	18	)))
	19
14.3	20	==== [Basic Requirements ] ====
1.1	21
14.4	22	The basic requirements for a pie chart are as follows:
1.1	23
17.1	24	\|Category Field\|Mumeric Field
	25	\|Only one field can be configured\|Only one field can be configured
1.1	26
17.1	27	==== [Configuration steps] ====
1.1	28
15.4	29	Step-1 Select chart and configure data sources
15.2	30
14.4	31	Create a report, select the pie chart in the upper left corner, and then choose the data source, as shown in the figure:
1.1	32
17.1	33	[[image:1750236977695-351.png]]
1.1	34
14.4	35	Step-2 Select chart display fields
1.1	36
14.8	37	Drag and drop the fields from the data source on the right onto the classification and numerical fields.
1.1	38
	39	* (((
14.4	40	Data source for pie chart:
1.1	41
14.10	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:
1.1	43
	44	* (((
14.4	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.
1.1	46	)))
	47	* (((
14.4	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.
6.1	49
14.8	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). ======
6.1	51
17.1	52	[[image:1750237017901-981.png]]
1.1	53	)))
	54	)))
	55
14.4	56	Step-3 Style settings
1.1	57
14.4	58	Divided into three categories: Basic Settings, Labels, and Legends, as shown in the following figure:
1.1	59
14.10	60	[[image:1741595493430-615.png]]
1.1	61
14.4	62	==== [Style Configuration Description] ====
2.1	63
17.1	64	\|(% colspan="1" rowspan="1" %)Classification\|(% colspan="1" rowspan="1" %)Configuration Items\|(% colspan="1" rowspan="1" %)(((
14.4	65	Purpose
1.1	66	)))
17.1	67	\|(% colspan="1" rowspan="6" %)(((
14.4	68	Basic Style
1.1	69
	70
17.1	71	)))\|(% colspan="1" rowspan="1" %)Show title\|(% colspan="1" rowspan="1" %)(((
15.5	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
1.1	73
14.10	74	[[image:1741595558139-598.png]]
1.1	75	)))
17.1	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
14.10	78	[[image:1741595638111-718.png]]
17.1	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" %)(((
14.6	81	By default, "General" is selected. The second option is a circular chart, which has the following effect:
1.1	82
14.10	83	[[image:1741595667776-260.png]]
1.1	84
	85
	86	)))
17.1	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" %)(((
14.7	89	Label
1.1	90
	91
17.1	92	)))\|(% colspan="1" rowspan="1" %)(((
14.7	93	Display Label
17.1	94	)))\|(% colspan="1" rowspan="1" %)(((
14.7	95	Control whether to display the labels of the pie chart, as shown in the following figure:
10.1	96
14.10	97	[[image:1741595724904-816.png]]
10.1	98
	99
	100	)))
17.1	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" %)(((
14.8	103	Label position
1.1	104
	105
17.1	106	)))\|(% colspan="1" rowspan="1" %)Provide 3 modes: internal, external, spider diagram
	107	\|(% colspan="1" rowspan="1" %)(((
14.9	108	Label content
1.1	109
	110
17.1	111	)))\|(% colspan="1" rowspan="1" %)(((
14.9	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:
1.1	113
14.10	114	[[image:1741595756674-393.png]]
1.1	115
	116
	117	)))
17.1	118	\|(% colspan="1" rowspan="1" %)% decimals\|(% colspan="1" rowspan="1" %)(((
14.9	119	Set the decimal places for percentages in the above labels, for example, to display 3 decimal places, as shown in the following figure:
1.1	120
14.10	121	[[image:1741595788641-743.png]]
1.1	122
	123
	124	)))
17.1	125	\|(% colspan="1" rowspan="3" %)(((
14.9	126	Legend
17.1	127	)))\|(% colspan="1" rowspan="1" %)(((
14.9	128	Show legend
17.1	129	)))\|(% colspan="1" rowspan="1" %)(((
14.9	130	By default, it is turned on, and when turned off, the legend will not be displayed
10.1	131
14.10	132	[[image:1741595825268-360.png]]
1.1	133	)))
17.1	134	\|(% colspan="1" rowspan="1" %)Legend position\|(% colspan="1" rowspan="1" %)(((
14.9	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
1.1	136	)))
17.1	137	\|(% colspan="1" rowspan="1" %)Color and font size\|(% colspan="1" rowspan="1" %)Adjust the text color and font size of the legend