https://arolstar52-zhtest.hf.space/index.php?action=history&feed=atom&title=Template%3ATree_chart%2Fdoc 2026-07-14T17:30:59Z 在这个wiki上该页的修订历史 MediaWiki 1.43.9 https://arolstar52-zhtest.hf.space/index.php?title=Template:Tree_chart/doc&diff=551138&oldid=prev 2026-04-22T07:57:54Z

<p><span class="autocomment">参数：​</span> 修飾語句+調整格式、排版</p> <p><b>新页面</b></p><div>{{Lua|Module:TreeChart}}<br /> &lt;noinclude&gt;{{documentation subpage}}&lt;/noinclude&gt;<br /> &lt;!-- 在本行下編輯模板說明 --&gt;<br /> {{Ambox<br /> | image = [[File:Edit-copy purple-wikit.svg|40px]]<br /> | type = move<br /> | text = 本模板基本兼容{{tl|familytree}}的參數值，但有一部分模板參數須要調整以避免衍生出不必要的模板。<br /> }}<br /> <br /> 此模板建基於{{tl|Familytree}}，使用类似[[ASCII艺术]]的句法生成[[世系圖|系谱图]]。它用[[HTML]]表格和[[CSS]]在适当的位置生成文字框和线条以构成家庭树，使用者在文本框内可以任意运用维基语法。<br /> <br /> == 用法 ==<br /> 首先在紙上把家族圖畫好，如下圖：<br /> {{Tree chart/start}}<br /> {{Tree chart| | | | GRM |~|y|~| GRP | | GRM=奶奶|GRP=爷爷}}<br /> {{Tree chart| | | | | | | |)|-|-|-|.| }}<br /> {{Tree chart| | | MOM |y| DAD | |UNCLE| MOM=妈妈|DAD=爸爸|UNCLE=&lt;s&gt;長腿叔叔&lt;/s&gt;}}<br /> {{Tree chart| |,|-|-|-|+|-|-|-|.| | | }}<br /> {{Tree chart| JOE | | ME | | SIS | | | JOE=哥哥|ME=&#039;&#039;&#039;我&#039;&#039;&#039;|SIS=妹妹}}<br /> {{Tree chart/end}}<br /> <br /> 選擇資料格最貼近左邊的一行，這裡選擇了「哥哥、我、妹妹」一行，按照排位寫以下代码：<br /> &lt;pre&gt;&lt;nowiki&gt;{{Tree chart| JOE | | ME | | SIS | | | JOE=哥哥|ME=&#039;&#039;&#039;我&#039;&#039;&#039;|SIS=妹妹}}&lt;/nowiki&gt;&lt;/pre&gt;<br /> 留意名字兩旁要留空格，豎線代表框線，框線間也應留空格，再定義名字。接着便可根據符號代表的線條直接加入代碼：<br /> &lt;pre&gt;&lt;nowiki&gt;<br /> {{Tree chart| |,|-|-|-|+|-|-|-|.| | | }}<br /> {{Tree chart| JOE | | ME | | SIS | | | JOE=哥哥|ME=&#039;&#039;&#039;我&#039;&#039;&#039;|SIS=妹妹}}&lt;/nowiki&gt;&lt;/pre&gt;<br /> 如此類推，便生成以下代碼：<br /> &lt;pre&gt;&lt;nowiki&gt;<br /> {{Tree chart/start}}<br /> {{Tree chart| | | | GRM |~|y|~| GRP | | GRM=奶奶|GRP=爷爷}}<br /> {{Tree chart| | | | | | | |)|-|-|-|.| }}<br /> {{Tree chart| | | MOM |y| DAD | |UNCLE| MOM=妈妈|DAD=爸爸|UNCLE=&lt;s&gt;長腿叔叔&lt;/s&gt;}}<br /> {{Tree chart| |,|-|-|-|+|-|-|-|.| | | }}<br /> {{Tree chart| JOE | | ME | | SIS | | | JOE=哥哥|ME=&#039;&#039;&#039;我&#039;&#039;&#039;|SIS=妹妹}}<br /> {{Tree chart/end}}<br /> &lt;/nowiki&gt;&lt;/pre&gt;<br /> <br /> == 参数 ==<br /> 本模版中，每个参数代表一个“格子”或者一个“框”。<br /> <br /> *&#039;&#039;&#039;格子&#039;&#039;&#039;内含有线状元素，用来生成横纵线条以及各种拐角以连接各个“框”。每一个格子用简单的字符参数来描述，一个特别的例子是&#039;&#039;&#039;空格子&#039;&#039;&#039;，用一个空格来描述不含任何线条的格子。下面列出模版支持的格子类型：<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;實體線&#039;&#039;&#039;<br /> |-<br /> | {{big|&lt;code&gt;!&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|!}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;,&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|,}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;v&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|v}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;.&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|.}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | {{big|&lt;code&gt;-&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|-}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;)&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|)}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;+&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|+}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;(&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|(}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | || ||<br /> | {{big|&lt;code&gt;`&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|`}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;^&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|^}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;&#039;&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|&#039;}}{{Tree chart/end}} || &amp;nbsp;<br /> |}<br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;虛線&#039;&#039;&#039;<br /> |-<br /> | {{big|&lt;code&gt;:&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|:}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;F&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|F}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;V&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|V}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;7&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|7}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | {{big|&lt;code&gt;~&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|~}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;D&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|D}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;%&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|%}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;C&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|C}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | || ||<br /> | {{big|&lt;code&gt;L&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|L}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;A&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|A}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;J&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|J}}{{Tree chart/end}} || &amp;nbsp;<br /> |}<br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;點線&#039;&#039;&#039;<br /> |-<br /> | {{big|&lt;code&gt;Q&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|Q}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;S&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|S}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;M&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|M}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;T&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|T}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | {{big|&lt;code&gt;P&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|P}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;H&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|H}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;R&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|R}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;G&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|G}}{{Tree chart/end}} || &amp;nbsp;<br /> |-<br /> | || ||<br /> | {{big|&lt;code&gt;Y&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|Y}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;W&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|W}}{{Tree chart/end}} || &amp;nbsp;<br /> | {{big|&lt;code&gt;Z&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|Z}}{{Tree chart/end}} || &amp;nbsp;<br /> |}<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;水平虛線+垂直實線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;fy&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|fy}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;y&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|y}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;ye&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|ye}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;f&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|f}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;t&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|t}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;e&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|e}}{{Tree chart/end}} <br /> |-<br /> | {{big|&lt;code&gt;fh&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|fh}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;h&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|h}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;he&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|he}}{{Tree chart/end}}<br /> |}<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;水平實線+垂直虛線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;dj&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|dj}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;j&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|j}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;jc&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|jc}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;d&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|d}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;*&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|*}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;c&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|c}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;di&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|di}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;i&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|i}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;ic&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|ic}}{{Tree chart/end}}<br /> |}<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+&#039;&#039;&#039;水平實線+垂直點線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;kr&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|kr}}{{Tree chart/end}} <br /> | {{big|&lt;code&gt;r&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|r}}{{Tree chart/end}} <br /> | {{big|&lt;code&gt;rl&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|rl}}{{Tree chart/end}} <br /> |-<br /> | {{big|&lt;code&gt;k&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|k}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;a&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|a}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;l&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|l}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;kq&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|kq}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;q&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|q}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;ql&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|ql}}{{Tree chart/end}}<br /> |}<br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;水平虛線+垂直點線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;kr2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|kr2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;r2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|r2}}{{Tree chart/end}} <br /> | {{big|&lt;code&gt;rl2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|rl2}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;k2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|k2}}{{Tree chart/end}} <br /> | {{big|&lt;code&gt;a2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|a2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;l2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|l2}}{{Tree chart/end}}<br /> |-<br /> |{{big|&lt;code&gt;kq2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|kq2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;q2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|q2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;ql2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|ql2}}{{Tree chart/end}}<br /> |}<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;水平點線+垂直實線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;om&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|om}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;m&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|m}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;mp&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|mp}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;o&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|o}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;b&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|b}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;p&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|p}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;on&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|on}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;n&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|n}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;np&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|np}}{{Tree chart/end}} <br /> |}<br /> <br /> {| style=&quot;float: left; margin-left: 1em;&quot;<br /> |+ &#039;&#039;&#039;水平點線+垂直虛線&#039;&#039;&#039;<br /> | {{big|&lt;code&gt;om2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|om2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;m2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|m2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;mp2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|mp2}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;o2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|o2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;b2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|b2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;p2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|p2}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;on2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|on2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;n2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|n2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;np2&lt;/code&gt;}} || style=&quot;border: 1px solid gray;&quot; | {{Tree chart/start}}{{Tree chart|np2}}{{Tree chart/end}} <br /> |}<br /> <br /> {{clear}}<br /> {|<br /> |+ &#039;&#039;&#039;雜項&#039;&#039;&#039;&lt;!-- This subset is an insufficient set or questionable, but maps onto tiles that exist in {{familytree}}: --&gt;<br /> |-<br /> | ||<br /> | {{big|&lt;code&gt;T2&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|T2}}{{Tree chart/end}}<br /> |-<br /> | {{big|&lt;code&gt;G2&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|G2}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;X&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|X}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;K&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|K}}{{Tree chart/end}}<br /> | {{big|&lt;code&gt;l4&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|l4}}{{Tree chart/end}}<br /> |-<br /> | ||<br /> | {{big|&lt;code&gt;U&lt;/code&gt;}} ||style=&quot;border:1px solid gray&quot;| {{Tree chart/start}}{{Tree chart|U}}{{Tree chart/end}}<br /> |}<br /> &lt;br clear=&quot;left&quot; /&gt;<br /> <br /> *&#039;&#039;&#039;框&#039;&#039;&#039;内可以填写任意的维基标记，框内的内容用附加命名变量的方法来加以描述。每一个框为&#039;&#039;&#039;三个格子&#039;&#039;&#039;宽，并且通常具有2px宽的黑边。附加的变量可以取用任何合法的名字，但是建议不要使用单字符的名字以免与“格子”冲突。<br /> <br /> ===框的外型設定===<br /> 框的外形可以由参数&#039;&#039;&#039;border&#039;&#039;&#039;和&#039;&#039;&#039;boxstyle&#039;&#039;&#039;控制，前一个以[[像素]]为单位控制框边的宽度，后者可以为任意[[CSS]]语句，用来修饰框的外观。{{tl|chart/start}}模版接受一个可选的&#039;&#039;&#039;style&#039;&#039;&#039;参数来制定整个表格的格式。例如下列代码：<br /> <br /> &lt;syntaxhighlight lang=wikitext&gt;<br /> {{Tree chart/start}}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}<br /> {{Tree chart/end}}<br /> &lt;/syntaxhighlight&gt;<br /> <br /> 产生如下效果：<br /> <br /> {{Tree chart/start}}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | |,|-|^|-|.| | }}<br /> {{Tree chart|border=0|boxstyle=background:#dfd;| | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}<br /> {{Tree chart/end}}<br /> <br /> 此外，也接受每個框有各自的外觀設定。例如下列代码：<br /> <br /> &lt;syntaxhighlight lang=wikitext&gt;<br /> {{Tree chart/start}}<br /> {{Tree chart| | | | |CLEAR| | | | |CLEAR=Clear box}}<br /> {{Tree chart| |,|-|-|&#039;|!|`|-|-|.| }}<br /> {{Tree chart|RED |~| GREEN |~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box<br /> |boxstyle_RED =background-color: #faa;<br /> |boxstyle_ GREEN =background-color: #afa;<br /> |boxstyle_BLUE =background-color: #aaf;<br /> }}<br /> {{Tree chart/end}}<br /> &lt;/syntaxhighlight&gt;<br /> <br /> 产生如下效果：<br /> <br /> {{Tree chart/start}}<br /> {{Tree chart| | | | |CLEAR| | | | |CLEAR=Clear box}}<br /> {{Tree chart| |,|-|-|&#039;|!|`|-|-|.| }}<br /> {{Tree chart|RED |~| GREEN |~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box<br /> |boxstyle_RED =background-color: #faa;<br /> |boxstyle_ GREEN =background-color: #afa;<br /> |boxstyle_BLUE =background-color: #aaf;<br /> }}<br /> {{Tree chart/end}}<br /> *注意本例中的RED、GREEN和BLUE所有相關參數，如果原始定義框位的名字前後存在空格，那麼在定義其CSS風格時就必須在「boxstyle_」後補充原有的空格數，所以一般來說並不建議在定義框名字時留有任何不必要的空格。<br /> <br /> === 移植自Familytree須知 ===<br /> 本模板基本對應{{tl|Familytree}}的大部分參數，但有一些小改動編者必須先讀，首先是在Familytree中你可以以「&lt;code&gt;&lt;nowiki&gt;|}}&lt;/nowiki&gt;&lt;/code&gt;」完結一行模板，但在Chart中請移除那個不必要的直桿「&lt;code&gt;&lt;nowiki&gt;|&lt;/nowiki&gt;&lt;/code&gt;」，另外有5個樹枝的參數定義改名及新增兩個混合型丁字樹枝：<br /> {| class=&quot;wikitable&quot; style=&quot;text-align:center; float: left; margin-left: 1em;&quot;<br /> |+<br /> !標題!!{{tl|family tree}}!!{{tl|Tree chart}}||備註<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|c}}{{Tree chart/end}}||&lt;code&gt;{&lt;/code&gt;||&lt;code&gt;c&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|d}}{{Tree chart/end}}||&lt;code&gt;}&lt;/code&gt;||&lt;code&gt;d&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|t}}{{Tree chart/end}}||&lt;code&gt;#&lt;/code&gt;||&lt;code&gt;t&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|e}}{{Tree chart/end}}||&lt;code&gt;[&lt;/code&gt;||&lt;code&gt;e&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|f}}{{Tree chart/end}}||&lt;code&gt;]&lt;/code&gt;||&lt;code&gt;f&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|di}}{{Tree chart/end}}||&lt;code&gt;b&lt;/code&gt;||&lt;code&gt;di&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|fh}}{{Tree chart/end}}||&lt;code&gt;c&lt;/code&gt;||&lt;code&gt;fh&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|ic}}{{Tree chart/end}}||&lt;code&gt;d&lt;/code&gt;||&lt;code&gt;ic&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|he}}{{Tree chart/end}}||&lt;code&gt;j&lt;/code&gt;||&lt;code&gt;he&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|ye}}{{Tree chart/end}}||&lt;code&gt;n&lt;/code&gt;||&lt;code&gt;ye&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|om2}}{{Tree chart/end}}||&lt;code&gt;p&lt;/code&gt;||&lt;code&gt;om2&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|mp2}}{{Tree chart/end}}||&lt;code&gt;q&lt;/code&gt;||&lt;code&gt;mp2&lt;/code&gt;||Change<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|kr2}}{{Tree chart/end}}||&lt;code&gt;r&lt;/code&gt;||&lt;code&gt;kr2&lt;/code&gt;||Change<br /> |}<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;text-align:center; float: left; margin-left: 1em;&quot;<br /> |+Miscellaneous tiles<br /> !Tile!!{{tl|family tree}}!!{{tl|Tree chart}}||備註<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|G2}}{{Tree chart/end}}||&lt;code&gt;G&lt;/code&gt;||&lt;code&gt;G2&lt;/code&gt;||Change<br /> |-<br /> ||{{Tree chart/start}}{{Tree chart|K}}{{Tree chart/end}}||&lt;code&gt;K&lt;/code&gt;||&lt;code&gt;K&lt;/code&gt;||Same<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|T2}}{{Tree chart/end}}||&lt;code&gt;T&lt;/code&gt;||&lt;code&gt;T2&lt;/code&gt;||Change<br /> |-<br /> ||{{Tree chart/start}}{{Tree chart|U}}{{Tree chart/end}}||&lt;code&gt;U&lt;/code&gt;||&lt;code&gt;U&lt;/code&gt;||Same<br /> |-<br /> ||{{Tree chart/start}}{{Tree chart|X}}{{Tree chart/end}}||&lt;code&gt;X&lt;/code&gt;||&lt;code&gt;X&lt;/code&gt;||Same<br /> |-<br /> |{{Tree chart/start}}{{Tree chart|l4}}{{Tree chart/end}}||&lt;code&gt;k&lt;/code&gt;||&lt;code&gt;l4&lt;/code&gt;||Change<br /> |}<br /> {{clear}}<br /> <br /> == 另見 ==<br /> * [[:en:Template:Nerva–Antonine family tree]], a large example.<br /> * [[Template:Tree list]]<br /> * [[Template:Ahnentafel]]<br /> <br /> == 參見 ==<br /> *[[:en:User:Daduxing/familytree.js]]（[[User:逆襲のあまのじゃく/tool/familytree|操作手册]]）：通过ASCII字符画生成Chart系譜的JavaScript工具。<br /> <br /> &lt;includeonly&gt;<br /> &lt;!-- 本行下加入模板的分類 --&gt;<br /> [[Category:系譜模板|{{PAGENAME}}]]<br /> [[Category:圖表模板]]<br /> &lt;/includeonly&gt;</div>

imported>AromaTake