imported>For Each ... Next：/* 參見 */

2025-06-08T16:38:36Z

參見

新页面

<includeonly></includeonly><noinclude>{{template doc page viewed directly}}</noinclude>

{{缺乏中文說明}}

== 模板介紹 ==
這是製作[[圓餅圖]]的模板

== 使用方法 ==
本模板可以指定最多30個扇區及其圖例。六個扇區的參數示例如下：
<pre><nowiki>
{{Pie chart
| radius = 100
| thumb =
| caption =
| other =
| label1 =remember
| value1 =16.6
| color1 =2
| label2 =understand
| value2 =16.6
| color2 =3
| label3 =apply
| value3 =16.6
| color3 =5
| label4 =analyze
| value4 =16.6
| color4 =6
| label5 =evaluate
| value5 =16.6
| color5 =9
| label6 =design
| value6 =16.6
| color6 =10
}}
</nowiki></pre>
* {{para|radius}} 參數用於設定圓餅圖的半徑，預設為100
* {{para|thumb}} 參數可以使整個模板向左或向右浮動顯示，預設值 <code>right</code>。
* {{para|caption}} 參數可在圖例上方增加題註。
* {{para|other}} 用於替換「其他」圖例的顯示文本。
* each "label''N"'' is a string of text that appears in the legend entry for a slice. Omitting it will cause a legend entry to not be shown for that slice.
* each "value''N"'' is the percentage that the slice represents. Do ''not'' include the percent sign. Also note that it is shown in the legend as written (just after the label), without any rounding or other reformatting.
* each "color''N"'' is a [[Web colors|CSS color code or name]]. If omitted, it will default to the following hues:
::{|
| valign=top |
:1. {{legend|red|red}}
:2. {{legend|green|green}}
:3. {{legend|blue|blue}}
: {{nb5}}{{nb5}}{{nb5}}{{nb5}}
| valign=top |
:4. {{legend|yellow|yellow}}
:5. {{legend|fuchsia|fuchsia}}
:6. {{legend|aqua|aqua}}
: {{nb5}}{{nb5}}{{nb5}}{{nb5}}
| valign=top |
:7. {{legend|brown|brown}}
:8. {{legend|orange|orange}}
: {{nb5}}{{nb5}}{{nb5}}{{nb5}}
| valign=top |
:9. {{legend|purple|purple}}
:10. {{legend|sienna|sienna}}
|}

== 範例 ==
The following example of [[Template:Pie_chart]] generates the pie chart show at right.
<code><pre><nowiki>
{{Pie chart
| caption=[[Religion in the Czech Republic]] as of 2001.
| other = yes
| label1 = [[Atheist]]s and [[Agnosticism|agnostics]]
| value1 = 59 | color1 = silver
| label2 = [[Catholic Church|Catholics]]
| value2 = 26.8 | color2 = #008
| label3 = [[Protestantism|Protestants]]
| value3 = 2.5 | color3 = #08f
}}
</nowiki></pre></code>

== 注意事项 ==
* '''The template does not render correctly on mobile devices.''' See [http://en.m.wikipedia.org/wiki/{{FULLPAGENAMEE}} this page on the mobile site] and [[User talk:PleaseStand/Archive 4#Pie chart|a user's report of this issue]].
* Minor issues with printing exist. We also need to implement a good fallback for [[WP:Books|Books]].
* The values need to be percentages.
* Google Chrome and Safari do not appear to [[anti-alias]] borders, so the lines are a bit jagged.
* No labels can be put on the slices themselves.
* Inherently, it is not possible to save a copy of the chart using the browser's "Save Image" function.

== 參見 ==

* {{tlx|Pie chart new}} — 从英文维基百科引入的船新模板

== 给模板编辑者的说明 ==
{{Pie chart
|other = yes
|value1 = 42
|label1 = One
|value2 = 32
|label2 = Two
|value3 = 12
|label3 = Three
|value4 = 3
|label4 = Four
|value5 = 2
|label5 = Five
|value6 = 1
|label6 = Six
}}

{{Pie chart
| caption=[[Religion in the Czech Republic]] as of 2001.
| other = yes
| label1 = [[Atheist]]s and [[Agnosticism|agnostics]]
| value1 = 59
| color1 = silver
| label2 = [[Catholic Church|Catholics]]
| value2 = 26.8
| color2 = #008
| label3 = [[Protestantism|Protestants]]
| value3 = 2.5
| color3 = #08f
}}

This is an ''experimental'' template that draws pie charts using a single image, a lot of (inline) CSS code generated by parser functions, and ''absolutely no JavaScript''. It uses a technique for [http://erezsh.wordpress.com/2008/07/31/drawing-diagonal-lines-with-css/ drawing diagonal lines in CSS] exploiting the fact that borders set on elements are [[miter join]]ed. Thus, it is possible to set one border to an opaque color, with the others fully transparent, to form a diagonal line. The angle of the line can be controlled by adjusting the widths of two adjacent borders (one of them opaque) relative to each other.

Note that in the legacy browser [[Internet Explorer 6]], applying transparent borders the standard way does not work. A [http://acidmartin.wordpress.com/2008/08/24/emulating-border-color-transparent-in-internet-explorer-6/ workaround] is used in the form of the [[Wikipedia:Catalogue of CSS classes|CSS class]] "transborder", which has been added to [[MediaWiki:Common.css]] to make this template usable.

Pie slices are drawn in clockwise order in a counterclockwise direction. These pie slices are positioned:
* Below a [[:File:Circle frame.svg|200x200px image]] having a transparent circle on a light-colored background (same as the background color used for CSS class "thumbinner")
* Inside a container element with <code>overflow: hidden;</code> set
This allows only the part of each slice that is inside the circle to be visible on the page.

Most of the code in {{tl|Pie chart/slice}} is divided into five sections, the first four corresponding to quadrants of the circle and the last to cleanly cover the case in which one slice occupies 100% of the chart.
=== 模板结构 ===
=== 实现方法 ===
=== 编辑注意 ===

<includeonly>

[[Category:圖表模板]]
</includeonly>

Template:Pie chart/doc - 版本历史

imported>For Each ... Next：​/* 參見 */

imported>For Each ... Next：/* 參見 */