當(dāng)然，在介紹錨點(diǎn)組件是什么的問(wèn)題之前，首先給大家安利一下豌豆BI產(chǎn)品中一種報(bào)告類(lèi)型——即席報(bào)告。至于即席報(bào)告到底如何使用，大家可以先參考《豌豆BI還有它，還不用起來(lái)你就out了》這篇文章。好了，廢話(huà)不多，咱們進(jìn)入正題。
一、錨點(diǎn)組件是什么
不知道大家平時(shí)打開(kāi)網(wǎng)頁(yè)，滾動(dòng)網(wǎng)頁(yè)后，是否發(fā)現(xiàn)了頁(yè)面右下角位置處總是會(huì)出現(xiàn)一個(gè)“回到頂部”的按鈕，點(diǎn)擊它之后頁(yè)面就會(huì)回到頁(yè)面頂部位置。錨點(diǎn)組件與其原理類(lèi)似，當(dāng)然了，錨點(diǎn)組件又與其有很大的不同。
當(dāng)你制作了一張頁(yè)面長(zhǎng)度很長(zhǎng)的即席報(bào)告時(shí)，想看某個(gè)
數(shù)據(jù)分析或者某個(gè)組件時(shí)，需要一點(diǎn)點(diǎn)的滾動(dòng)頁(yè)面查找，是不是感覺(jué)十分麻煩，這個(gè)時(shí)候，錨點(diǎn)組件就可以發(fā)揮它的作用了，錨點(diǎn)組件就好比一個(gè)定位器，幫助你找到它并直接將頁(yè)面滾動(dòng)到這個(gè)數(shù)據(jù)分析或者組件的位置。如下圖：
二、錨點(diǎn)組件的應(yīng)用
建議是當(dāng)即席報(bào)告制作到一定長(zhǎng)度的時(shí)候再使用錨點(diǎn)組件，畢竟打開(kāi)一個(gè)頁(yè)面需要時(shí)間，如果制作的即席報(bào)告不是很復(fù)雜，多一個(gè)錨點(diǎn)組件的頁(yè)面加載肯定是會(huì)慢一點(diǎn)點(diǎn)。
如圖：
當(dāng)然，上圖中的錨點(diǎn)組件是此組件的默認(rèn)樣式，錨點(diǎn)組件也還支持樣式上的修改，以及錨點(diǎn)名稱(chēng)的修改。如下圖：
*目標(biāo)組件：設(shè)置該錨點(diǎn)定位到那個(gè)組件。
1、默認(rèn)設(shè)置
1）錨點(diǎn)文字
設(shè)置該錨點(diǎn)的文字顯示以及錨點(diǎn)文字的樣式，包含字體，字體大小，字體顏色。
2）背景色
設(shè)置該錨點(diǎn)的背景色。
3）背景圖片
設(shè)置該錨點(diǎn)的背景圖片。
4）平鋪方式
設(shè)置該錨點(diǎn)的背景圖片的平鋪方式。
5）邊框
設(shè)置該錨點(diǎn)的邊框，包含邊框的線(xiàn)條樣式，線(xiàn)條寬度，線(xiàn)條顏色，以及邊框方向。
6）錨點(diǎn)圖標(biāo)
設(shè)置該錨點(diǎn)的圖標(biāo)。
7）更多設(shè)置
設(shè)置該錨點(diǎn)的圖標(biāo)的寬度以及高度。
8）整體布局
設(shè)置該錨點(diǎn)的圖標(biāo)以及文字所處位置。
9）文本位置
設(shè)置該錨點(diǎn)的文本相對(duì)于圖標(biāo)所處的位置。
2、選中設(shè)置
1）錨點(diǎn)文字
設(shè)置該錨點(diǎn)選中時(shí)的文本顯示的樣式，不能修改文本內(nèi)容。
2）背景色
設(shè)置該錨點(diǎn)選中時(shí)的背景色。
3）背景圖片
設(shè)置該錨點(diǎn)選中時(shí)的背景圖片。
4）平鋪方式
設(shè)置該錨點(diǎn)選中時(shí)的背景圖片的平鋪方式。
5）錨點(diǎn)圖標(biāo)
設(shè)置該錨點(diǎn)選中時(shí)的圖標(biāo)。
6）更多設(shè)置
設(shè)置該錨點(diǎn)選中時(shí)的圖標(biāo)的寬度和高度。
（部分內(nèi)容來(lái)源網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系刪除）
