模板文档 (本页面所展示的模板范例,有时会无法出现。)    什么是模板? 编辑 刷新
关于本模板:
本模板需要依赖以下模块来生效:Module:TreeChart

用途

这个模版生成一行由单元与连接线所生成的家族树,使用本模版必须结合template:chart/starttemplate:chart/end一起使用。本模版是从已经过时的template:familytree模版优化而来。


示例

代码:

{{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}}

生成效果:

GrandmaGrandpa
MomDadAunt Daisy
My brother JoeMe!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}}

生成效果:


参数

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

  • “单元”可以包含任何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 1Box 2
Box 3Box 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 boxGreen boxBlue box

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

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

迁移到chart模版

template:chart模版比之前的 template:familytree更加的完善。然而想要使用模版完整的功能,表格必须升级到template:chart。许多template:familytree表格可以非常简单的转换到template:chart,只需要将familytreechart代替即可。一小部分混合连接线需要被重命名,所以使用这些连接线的family tree模版需要做些改变。额外的,还加入了新的混合连接线,具体情况见如下。
Tile template:family tree template:chart
{ c
} d
# t
[ e
] f
  i
  j

下面的表格表示的是存在于template:chart中,但不存在于template:familytree中的连接线。当转换到chart模版时请注意这些连接线。

Hex Glyph chart Chart
47 G
4B K
{{{K}}}
{{{K}}}
54 T
55 U
{{{U}}}
{{{U}}}
58 X
{{{X}}}
{{{X}}}
62 b
63 c
Hex Glyph chart Chart
64 d
6A j
6B k
6E n
70 p
71 q
72 r

当转换模版时请注意:相同字符在不同模版代表的可能是不同的连接线。

示例:字符"k" template:chart 生成这个连接线
但是template:familytree生成这个连接线

最后,如果任何template:familytree模版以|}}结尾,垂直条会被自动清除,留下那行最后一个单元。

下面的chart.js工具可以用来转换语法。只需要在编辑视图改变初始标签,然后点击 "Art → Templates" ,只需要切换回维基视图,其他的模版会自动匹配。

相关链接

  • chart.js, 一个简单好用的可以创造或者升级表格的模版工具。
模板:When on user page
进入 Template:Chart/doc 页面来编辑这个模板的说明文档。(这个说明框是怎么回事?)
修改完毕后,请刷新上面的文本。(为什么?
avatar