一、基本操作
1. 使用界面
可以注冊后使用，點擊upload即可上傳樹文件
2. 基本操作
右側(cè)controls負(fù)責(zé)對進(jìn)化樹進(jìn)行修改：
- basic：主要負(fù)責(zé)修改樹的造型、分支、標(biāo)簽，還有標(biāo)簽的字體、字號是否加粗等
- advance：主要負(fù)責(zé)展示bootstrap的特征
iTOL最好用的一個功能是能修改局部的label和leaf
當(dāng)我們鼠標(biāo)懸停在某個位置時，我們可到這個局部數(shù)據(jù)的信息
鼠標(biāo)點擊即可修改局部node的屬性，比如我改一下顏色和風(fēng)格，可以看到局部的node被改為紅色虛線，局部的label也可以更改
在選好節(jié)點后，再點擊color>new color range,我們可以把一部分label和branch加入背景色
然后我再將S26添加到h1中，點擊相應(yīng)的node，選擇color>add to existing即可，去掉的話選擇remove from即可
點擊h1的cover，可以選擇背景色出現(xiàn)在label、clade、full上，也可以關(guān)閉，我選一下full
border負(fù)責(zé)加邊框，0就是不加，在這里我加一個1px的邊框展示下
鼠標(biāo)懸停在label上時，我們也可以修改局部label的屬性，我在這里修改了label的名字
導(dǎo)出
點擊export，可以看到支持不同類型文件的導(dǎo)出
當(dāng)colored ranges lenged點擊on時，會出現(xiàn)圖例
以上便是利用iTOL進(jìn)行進(jìn)化樹美化的一些基本操作，相比起evolview，iTOL使用起來更加方便。
二、添加文本
利用iTOL，我將進(jìn)化樹分為三個群體，接下來就是添加文本
與evolview一樣，添加文本需要datasets，依然可以去參考help頁面
這里我放上了官網(wǎng)中所有參考格式模板的壓縮包，需要可以下載
每個參數(shù)都作了說明，可以根據(jù)需要修改，有一些可以在網(wǎng)頁更改，所以建議上面不做修改，只在DATA部分修改，根據(jù)示例修改即可
修改之后
可以直接將該文件拖到網(wǎng)頁上，查看效果
此時datasets界面出現(xiàn)了我們上傳文件的信息
如果想要修改一些屬性，你會發(fā)現(xiàn)這是對三個文本同時修改，想要單獨修改就點擊raw data>edit using the web interface
這樣就可以單獨修改了
三、添加圖片
依然是尋找示例文本
上面的不作任何修改，只修改最后的DATA
需要注意，圖片添加的是網(wǎng)址，而不是本地的圖片，我們可以把想上傳的圖片寫到簡書上發(fā)表后在復(fù)制圖片地址即可。
直接拖到網(wǎng)頁，看一下效果
圖片是沒有辦法單獨設(shè)置的，如果感覺效果不太好，就在datasets調(diào)一下參數(shù)
最后導(dǎo)出文件即可
四、添加點圖
依然去找示例文本dataset_external_shapes_template.txt
前面部分依舊不更改，只修改DATA
可以看到輸入不同的value可能會使點的屬性發(fā)生變化，為了防止出錯，推薦一個表型（一列value）用一個dataset，最后挨個拖進(jìn)去即可，這里只展示一組
點擊shape type可以修改形狀，點擊rawdata可以局部修改
點擊legend可以添加圖例
剛剛是利用iTOL加的數(shù)量性狀，接下來加質(zhì)量性狀，還是去找示例數(shù)據(jù)
不多說，只編輯DATA然后拖到網(wǎng)頁
然后更改
看一下最終成品圖
本文綜合以下四篇文章：
http://www.itdecent.cn/p/82b38607ae34?ivk_sa=1024320u
http://www.itdecent.cn/p/a43e3636ca71
http://www.itdecent.cn/p/75e393903ff7
http://www.itdecent.cn/p/43a6acf05865
http://www.itdecent.cn/p/76a121236362?ivk_sa=1024320u
https://www.cnblogs.com/jessepeng/p/13880629.html
