Template:Pie chart

Template documentation[view] [edit] [history] [purge]

Usage

The following code will produce the pie chart with values: 4, 2, 1, 2, 3:

{{Pie chart
|value1=4
|value2=2
|value3=1
|value4=2
|value5=3
}}

This pie chart has an error, or your browser doesn't support pie charts.

Up to 20 data values can be used.

The following code will produce the pie chart with values: 5, 3, 2, 4, 2 in shades of blue:

{{Pie chart
|value1=5
|value2=3
|value3=2
|value4=4
|value5=2
|color1=#44CCFF
|color2=#33AAFF
|color3=#2288FF
|color4=#1166FF
|color5=#0044FF
}}

This pie chart has an error, or your browser doesn't support pie charts.

Browser support

The pie chart template is currently supported in Chrome 72 and later, Edge 79 and later, Firefox 83 and later, Safari 12.1 and later, and Opera 60 and later. Internet Explorer is not supported.

If you try to use pie charts on unsupported browsers, you get an error showing that you are using an unsupported browser.

No description.

Template parameters[Edit template data]

Parameter		Description	Type	Status
Size	size	Size of pie chart Default 150px Example 200px	String	optional
Border width	border-width	Width of border in pie chart Default 1px Example 2px	String	optional
Border style	border-style	Style of border in pie chart Default solid Example dashed	String	optional
Border color	border-color	Color of border in pie chart Default black Example red	String	optional
Margin	margin	Margin around pie chart Default 0 Example 2px 4px	String	optional
Other styles	style	Other styles to pie chart Example display: inline block;	String	optional
1st data value	value1 1	Value of 1st data Default 0 Example 10	Number	required
2nd data value	value2 2	Value of 2nd data Default 0 Example 10	Number	suggested
3rd data value	value3 3	Value of 3rd data Default 0 Example 10	Number	suggested
4th data value	value4 4	Value of 4th data Default 0 Example 10	Number	suggested
5th data value	value5 5	Value of 5th data Default 0 Example 10	Number	suggested
6th data value	value6 6	Value of 6th data Default 0 Example 10	Number	optional
7th data value	value7 7	Value of 7th data Default 0 Example 10	Number	optional
8th data value	value8 8	Value of 8th data Default 0 Example 10	Number	optional
9th data value	value9 9	Value of 9th data Default 0 Example 10	Number	optional
10th data value	value10 10	Value of 10th data Default 0 Example 10	Number	optional
11th data value	value11 11	Value of 11th data Default 0 Example 10	Number	optional
12th data value	value12 12	Value of 12th data Default 0 Example 10	Number	optional
13th data value	value13 13	Value of 13th data Default 0 Example 10	Number	optional
14th data value	value14 14	Value of 14th data Default 0 Example 10	Number	optional
15th data value	value15 15	Value of 15th data Default 0 Example 10	Number	optional
16th data value	value16 16	Value of 16th data Default 0 Example 10	Number	optional
17th data value	value17 17	Value of 17th data Default 0 Example 10	Number	optional
18th data value	value18 18	Value of 18th data Default 0 Example 10	Number	optional
19th data value	value19 19	Value of 19th data Default 0 Example 10	Number	optional
20th data value	value20 20	Value of 20th data Default 0 Example 10	Number	optional
1st data color	color1	Color of 1st data Default #9999FF Example red	String	optional
2nd data color	color2	Color of 2nd data Default #993366 Example red	String	optional
3rd data color	color3	Color of 3rd data Default #FFFFCC Example red	String	optional
4th data color	color4	Color of 4th data Default #CCFFFF Example red	String	optional
5th data color	color5	Color of 5th data Default #660066 Example red	String	optional
6th data color	color6	Color of 6th data Default #FF8080 Example red	String	optional
7th data color	color7	Color of 7th data Default #0066CC Example red	String	optional
8th data color	color8	Color of 8th data Default #CCCCFF Example red	String	optional
9th data color	color9	Color of 9th data Default #000080 Example red	String	optional
10th data color	color10	Color of 10th data Default #FF00FF Example red	String	optional
11th data color	color11	Color of 11th data Default #FFFF00 Example red	String	optional
12th data color	color12	Color of 12th data Default #00FFFF Example red	String	optional
13th data color	color13	Color of 13th data Default #800080 Example red	String	optional
14th data color	color14	Color of 14th data Default #800000 Example red	String	optional
15th data color	color15	Color of 15th data Default #008080 Example red	String	optional
16th data color	color16	Color of 16th data Default #0000FF Example red	String	optional
17th data color	color17	Color of 17th data Default #00CCFF Example red	String	optional
18th data color	color18	Color of 18th data Default #CCFFFF Example red	String	optional
19th data color	color19	Color of 19th data Default #CCFFCC Example red	String	optional
20th data color	color20	Color of 20th data Default #FFFF99 Example red	String	optional

The above documentation is transcluded from Template:Pie chart/doc. (edit | history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Add categories to the /doc subpage. Subpages of this template.