模板:Chart

前言

这个模版生成一行由单元与连接线所生成的家族树，使用本模版必须结合template:chart/start和template:chart/end一起使用。

示例

代码：

{{chart/start}}
{{chart| | | |GrMa |~|y|~| GRP | |GrMa=Grandma|GRP=Grandpa}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOM |y| DAD | |DAISY|MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| JOE | | ME  | | SIS | | |JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{chart/end}}

生成效果：

Grandma

Grandpa

Mom

Dad

Aunt Daisy

My brother Joe

Me!

My little sister

表格表示我有一个兄弟Joe和一个妹妹，我的妈妈嫁给了我的爸爸，我爸爸的父母是爷爷和奶奶，我爸爸的父母还有另一个孩子daisy阿姨。

可折叠示例

代码：

{{chart top|An example family tree}}
{{chart/start|align=center}}
{{chart| | | |GrMa |~|y|~| GRP | |GrMa=Grandma|GRP=Grandpa}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOM |y| DAD | |DAISY|MOM=Mom|DAD=Dad|DAISY=[[Aunt Daisy]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| JOE | | ME  | | SIS | | |JOE=My brother Joe|ME='''Me!'''|SIS=My little sister}}
{{chart/end}}
{{chart bottom}}

生成效果：

An example family tree

Grandma

Grandpa

Mom

Dad

Aunt Daisy

My brother Joe

Me!

My little sister

参数

这个模版可以接收任何代表“单元”和“连接线”的参数。

“单元”可以包含任何wiki标记，每个单元的内容由一个命名参数来决定，通常情况下，单元用来表示人物及相关信息，每个单元有3倍连接线宽，并且默认有一个2像素的黑色边框。单元可以被任何合法的模版参数命名。
“连接线”被用来连接各个“单元”。模版提供各种各样的连接线样式。连接线由一个-或者两个-表示，在连接线为空的特殊情况下，空连接线由一个空格表示。下面是连接线的表示。

!

,

v

.

-

)

+

(

`

^

'

:

F

V

7

~

D

%

C

L

A

J

Q

S

M

T

P

H

R

G

Y

W

Z

j

y

r

m

r2

m2

d

*

c

f

t

e

k

a

l

o

b

p

k2

a2

l2

o2

b2

p2

i

h

q

n

q2

n2

样式属性

单元的外观可以由以下参数控制：

border 表示每个单元边框，单位是像素。
boxstyle 可以用 CSS 直接控制。示例如下：

{{chart/start}}
{{chart|border=1|boxstyle=background:green;  | | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{chart | | |,|-|^|-|.| | }}
{{chart|border=3|boxstyle=background:yellow; | | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{chart/end}}

生成这个表格：

Box 1

Box 2

Box 3

Box 4

样式属性甚至可以为每行每个单元设置样式，示例如下：

{{chart/start}}
{{chart| | | | |CLEAR| | | | |CLEAR=Clear box}}
{{chart| |,|-|-|'|!|`|-|-|.| }}
{{chart|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  =background-color: red;
|boxstyle_GREEN=background-color: green;
|boxstyle_BLUE =background-color: blue;
}}
{{chart/end}}

生成如下：

Clear box

Red box

Green box

Blue box

当用样式属性来设置每个单元的样式时，请确保设置为左对齐 (用 "|RED |" 代替"| RED |"在上面的例子中),，否则模版会停止寻找样式参数。

这个template:chart/start模版同样支持用|style参数来为整个表格设置样式，还可以使用可选参数|align来设置对齐格式。

使用模板

在管理的wiki下创建以下内容：

模板:Chart

WIKI功能

目录

前言

示例

可折叠示例

参数

样式属性

使用模板