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