全站通知：

模板:Chart

来自烟雨江湖WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

用途

这个模版生成一行由单元与连接线所生成的家族树，使用本模版必须结合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}}

生成效果：

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

生成效果：

An example family tree
GrandmaGrandpa
MomDadAunt Daisy
My brother JoeMe!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 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


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

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

移植模板

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

取自“https://wiki.biligame.com/yanyu/index.php?title=模板:Chart&oldid=17106”