日本熟妇hd丰满老熟妇,中文字幕一区二区三区在线不卡 ,亚洲成片在线观看,免费女同在线一区二区

瀑布圖

更新時(shí)間:

本文介紹瀑布圖全量選擇時(shí)各配置項(xiàng)的含義。

圖表樣式

瀑布圖是柱狀圖的一種,支持自定義x軸和y軸、多類目數(shù)據(jù)差值配置以及瀑布式的數(shù)據(jù)升降展示,可以在較小的數(shù)據(jù)看板內(nèi),智能地展示數(shù)據(jù)總計(jì)上升或者下降的差異。image.png

樣式面板image.png

  • 搜索配置:?jiǎn)螕?b data-tag="uicontrol" class="uicontrol">樣式面板右上角的搜索配置項(xiàng)圖標(biāo)image,可在搜索配置面板中輸入您需要搜索的配置項(xiàng)名稱,快速定位到該配置項(xiàng),系統(tǒng)支持模糊匹配。詳情請(qǐng)參見搜索配置項(xiàng)。

  • 尺寸:包括組件的寬度和高度,單位為px。

  • 定位:包括組件的橫坐標(biāo)縱坐標(biāo),單位為px。橫坐標(biāo)為組件左上角距離頁(yè)面左邊界的像素距離,縱坐標(biāo)為組件左上角距離頁(yè)面上邊界的像素距離。

  • 旋轉(zhuǎn):以組件的中心為中心點(diǎn),進(jìn)行旋轉(zhuǎn),單位為度(°)。

    • 手動(dòng)輸入角度值,控制組件的旋轉(zhuǎn)角度。

    • 單擊image圖標(biāo),控制組件左右翻轉(zhuǎn)樣式。

    • 單擊image圖標(biāo),控制組件上下翻轉(zhuǎn)樣式。

  • 不透明度:取值范圍為0~1。為0時(shí),圖表隱藏;為1時(shí),圖表全部顯示。默認(rèn)為1

  • 圖形

    參數(shù)

    說(shuō)明

    圖表邊距

    單擊開關(guān)圖標(biāo)圖標(biāo),控制圖表邊距的顯隱。打開開關(guān)后,可配置瀑布柱圖區(qū)域與組件上下左右四個(gè)邊界之間的距離,單位默認(rèn)px。

    柱子寬度

    柱子的寬度值,單位px。單擊開關(guān)圖標(biāo)圖標(biāo),控制柱子寬度的顯隱。

    增加

    類目數(shù)據(jù)為正數(shù)顯示上升趨勢(shì)的柱子的標(biāo)題和顏色,顏色請(qǐng)參見顏色選擇器說(shuō)明。單擊開關(guān)圖標(biāo)圖標(biāo),控制增加配置項(xiàng)的顯隱。

    減少

    類目數(shù)據(jù)為負(fù)數(shù)時(shí)顯示下降趨勢(shì)的柱子的標(biāo)題和顏色,顏色請(qǐng)參見顏色選擇器說(shuō)明。單擊開關(guān)圖標(biāo)圖標(biāo),控制減少配置項(xiàng)的顯隱。

    總計(jì)

    所有類目數(shù)據(jù)合計(jì)后的柱子的標(biāo)題和顏色,顏色請(qǐng)參見顏色選擇器說(shuō)明。單擊開關(guān)圖標(biāo)圖標(biāo),控制總計(jì)配置項(xiàng)的顯隱。

    牽引線

    瀑布圖之間的牽引線樣式,包括線的形狀、線的粗細(xì)和線的顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸軸線樣式的顯隱。

    說(shuō)明

    當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

    柱子標(biāo)簽

    柱子的標(biāo)簽樣式,單擊開關(guān)圖標(biāo)圖標(biāo),控制柱子標(biāo)簽配置項(xiàng)的顯隱。

    • 標(biāo)簽字段:標(biāo)簽的內(nèi)容需要和數(shù)據(jù)面板中字段的內(nèi)容對(duì)應(yīng),默認(rèn)獲取y字段內(nèi)容。

    • 數(shù)值格式:設(shè)置標(biāo)簽的數(shù)值格式,可選默認(rèn)、11(整數(shù))、11.1(浮點(diǎn)數(shù))、11.11(浮點(diǎn)數(shù))、11%(百分比)、11.1%(百分比)、1,111(千分位)1,111.1(千分位)。更多數(shù)據(jù)顯示格式請(qǐng)參見數(shù)據(jù)顯示格式說(shuō)明,僅在標(biāo)簽字段選擇rangey時(shí)顯示。

    • 前后綴:設(shè)置柱子標(biāo)簽的前后綴內(nèi)容。

    • 標(biāo)簽位置:選擇標(biāo)簽內(nèi)容的顯示位置,可選頂部、中間底部。

    • 相對(duì)偏移:柱子標(biāo)簽相對(duì)柱子在垂直和水平方向的偏移量,單位為px。

    • 文本樣式:柱子標(biāo)簽的文本樣式,包括文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

    • 文本描邊:柱子標(biāo)簽的文本描邊樣式,包括描邊線的粗細(xì)值和顏色。

  • 坐標(biāo):組件坐標(biāo)軸包括XY兩種。

    • X

      • X軸顯示:打開開關(guān),組件內(nèi)X軸樣式顯示可見;關(guān)閉開關(guān),組件內(nèi)X軸樣式不可見。

      • 數(shù)據(jù)類型:X軸數(shù)據(jù)的類型,可選數(shù)值型、類目型時(shí)間型。

      • 顯示范圍:X軸的數(shù)據(jù)最小值和最大值的顯示范圍,僅在數(shù)據(jù)類型配置項(xiàng)選擇數(shù)值型時(shí)可配置。

        參數(shù)

        說(shuō)明

        最小值

        X軸的最小值,支持自定義輸入,也支持系統(tǒng)選擇數(shù)據(jù)最小值,取數(shù)據(jù)中的最小值。

        最大值

        X軸的最大值,支持自定義輸入,也支持系統(tǒng)選擇數(shù)據(jù)最大值,取數(shù)據(jù)中的最大值。

      • 軸線:瀑布圖的X軸軸線樣式,包括線的類型、線的粗細(xì)和線的顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸軸線樣式的顯隱。

        說(shuō)明

        當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

      • 軸標(biāo)題:瀑布圖的X軸軸標(biāo)題樣式,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸軸標(biāo)題的顯隱。

        參數(shù)

        說(shuō)明

        標(biāo)題顯示

        軸標(biāo)題顯示的文字內(nèi)容。

        展示方式

        軸標(biāo)題的展示方式,包括標(biāo)題的角度值和標(biāo)題的偏移值。

        文本樣式

        軸標(biāo)題文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

      • 軸標(biāo)簽:瀑布圖的X軸軸標(biāo)簽樣式,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸軸標(biāo)簽的顯隱。

        參數(shù)

        說(shuō)明

        顯示格式

        標(biāo)簽數(shù)值顯示格式的樣式,可選默認(rèn)、11(整數(shù))、11.1(浮點(diǎn)數(shù))11.11(浮點(diǎn)數(shù))11%(百分比)11.1%(百分比)、1,111(千分位)1,111.1(千分位)。更多數(shù)據(jù)顯示格式請(qǐng)參見數(shù)據(jù)顯示格式說(shuō)明。僅在數(shù)據(jù)類型選擇數(shù)值型時(shí)可配置。

        兩端間距

        標(biāo)簽距離軸線兩端之間的距離,單位%。

        標(biāo)簽展示

        標(biāo)簽的展示樣式,包括:期望的X軸刻度的數(shù)量、標(biāo)簽的前后綴內(nèi)容、標(biāo)簽的角度值、偏移量和標(biāo)簽展示時(shí)候的對(duì)齊方式。

        文本樣式

        軸標(biāo)簽文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

      • 刻度線:瀑布圖的X軸刻度線樣式,包括刻度線的長(zhǎng)度值、粗細(xì)值和顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸刻度線樣式的顯隱。

      • 網(wǎng)格線:瀑布圖的X軸網(wǎng)格線的樣式,包括網(wǎng)格線的線型樣式、粗細(xì)和顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制X軸網(wǎng)格線的顯隱。

        說(shuō)明

        當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

    • Y

      • Y軸顯示:打開開關(guān),組件內(nèi)Y軸樣式顯示可見;關(guān)閉開關(guān),組件內(nèi)Y軸樣式不可見。

      • 顯示范圍:Y軸的數(shù)據(jù)最小值和最大值的顯示范圍。

        參數(shù)

        說(shuō)明

        最小值

        Y軸的最小值,支持自定義輸入,也支持系統(tǒng)選擇數(shù)據(jù)最小值,取數(shù)據(jù)中的最小值。

        最大值

        Y軸的最大值,支持自定義輸入,也支持系統(tǒng)選擇數(shù)據(jù)最大值,取數(shù)據(jù)中的最大值。

      • 軸線:瀑布圖的Y軸軸線樣式,包括線的類型、線的粗細(xì)和線的顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制Y軸軸線樣式的顯隱。

      • 軸標(biāo)題:瀑布圖的Y軸軸標(biāo)題樣式,可單擊開關(guān)圖標(biāo)圖標(biāo)控制Y軸軸標(biāo)題的顯隱。

        參數(shù)

        說(shuō)明

        標(biāo)題顯示

        軸標(biāo)題顯示的文字內(nèi)容。

        展示方式

        軸標(biāo)題的展示方式,包括標(biāo)題的角度值和標(biāo)題的偏移值。

        文本樣式

        軸標(biāo)題文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

      • 軸標(biāo)簽:瀑布圖的Y軸軸標(biāo)簽樣式,可單擊開關(guān)圖標(biāo)圖標(biāo)控制Y軸軸標(biāo)簽的顯隱。

        參數(shù)

        說(shuō)明

        顯示格式

        軸標(biāo)簽數(shù)值顯示格式的樣式,可選默認(rèn)、11(整數(shù))11.1(浮點(diǎn)數(shù))11.11(浮點(diǎn)數(shù))、11%(百分比)、11.1%(百分比)1,111(千分位)1,111.1(千分位)。更多數(shù)據(jù)顯示格式請(qǐng)參見數(shù)據(jù)顯示格式說(shuō)明。

        兩端間距

        標(biāo)簽距離軸線兩端之間的距離,單位%。

        標(biāo)簽展示

        軸標(biāo)簽的展示樣式,包括:軸標(biāo)簽的數(shù)量、標(biāo)簽的前后綴內(nèi)容、標(biāo)簽的角度值、偏移量和標(biāo)簽展示時(shí)的對(duì)齊方式。

        文本樣式

        軸標(biāo)簽文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

      • 刻度線:瀑布圖的Y軸刻度線樣式,包括刻度線的長(zhǎng)度值、粗細(xì)值和顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制Y軸刻度線樣式的顯隱。

      • 網(wǎng)格線:瀑布圖的Y軸網(wǎng)格線的樣式,包括網(wǎng)格線的線型樣式、粗細(xì)和顏色,可單擊開關(guān)圖標(biāo)圖標(biāo)控制Y軸網(wǎng)格線的顯隱。

        說(shuō)明

        當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

  • 動(dòng)畫:瀑布圖的動(dòng)畫效果樣式。

    參數(shù)

    說(shuō)明

    動(dòng)畫開關(guān)

    打開開關(guān),可配置瀑布圖的動(dòng)畫效果。

    動(dòng)畫效果

    動(dòng)畫的效果類型,系統(tǒng)提供多種常見的動(dòng)畫效果供您選擇,包括水平生長(zhǎng)、垂直生長(zhǎng)、縮放漸入劃動(dòng)進(jìn)入,僅在打開動(dòng)畫開關(guān)后可配置。

    動(dòng)畫時(shí)長(zhǎng)

    組件動(dòng)畫效果的持續(xù)時(shí)間,單位為ms,僅在打開動(dòng)畫開關(guān)后可配置。

  • 交互:瀑布圖組件的交互效果樣式。

    • 提示框:在預(yù)覽或發(fā)布頁(yè)面,鼠標(biāo)懸浮或單擊瀑布圖時(shí)出現(xiàn)的提示框的樣式,單擊開關(guān)圖標(biāo)圖標(biāo)可開啟或關(guān)閉提示框。

      參數(shù)

      說(shuō)明

      模式

      提示框的模式,可選,包括簡(jiǎn)潔通用。

      觸發(fā)方式

      提示框被觸發(fā)的方式,可選,包括懸浮點(diǎn)擊。

      顯示位置

      提示框顯示的位置樣式,可選,包括、

      標(biāo)題間距

      提示框中標(biāo)題之間的間距,單位px。

      標(biāo)題文本

      提示框中標(biāo)題文本的樣式,包括字體樣式、文字粗細(xì)、字號(hào)和顏色。

      內(nèi)容顯示

      單擊右側(cè)的imageimage圖標(biāo),添加或刪除一個(gè)提示框內(nèi)容顯示系列。 單擊imageimage圖標(biāo)配置多個(gè)提示框內(nèi)容顯示系列的排列樣式。單擊image圖標(biāo),即可復(fù)制當(dāng)前選中提示框內(nèi)容顯示系列配置內(nèi)容并新增一個(gè)同樣配置的提示框內(nèi)容顯示系列。

      • 字段名:提示框內(nèi)容的字段名稱,需要和數(shù)據(jù)面板中的字段相匹配。

      • 顯示名:提示框內(nèi)容的顯示名稱。

      • 后綴:提示框內(nèi)容的后綴。

      內(nèi)容間距

      提示框內(nèi)容文本之間的間距,單位px。

      內(nèi)容文本

      提示框中內(nèi)容文本的樣式,包括文字字體樣式、文字粗細(xì)、字號(hào)和顏色。

      彈窗背景

      提示框的彈窗背景樣式。

      • 背景邊距:提示框彈窗背景在水平和垂直方向的邊距值。

      • 背景顏色:提示框的背景顏色。

      • 邊框樣式:提示框邊框的樣式,包括邊框線的類型、圓角大小、線寬大小和邊框線的顏色。

      軸指示器

      提示框的軸指示線的樣式,包括軸指示線的類型、粗細(xì)值和顏色。單擊開關(guān)圖標(biāo)圖標(biāo)可開啟或關(guān)閉軸指示器 。

      說(shuō)明

      當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

    • 選中態(tài):當(dāng)柱子被選中時(shí)候的狀態(tài)樣式,單擊開關(guān)圖標(biāo)圖標(biāo)可開啟或關(guān)閉選中態(tài)樣式。

      參數(shù)

      說(shuō)明

      觸發(fā)方式

      柱子被選中觸發(fā)的方式,可選,包括懸浮點(diǎn)擊。

      選中方式

      選中柱子的方式,可選,包括單選多選

      柱子顏色

      柱子選中狀態(tài)下的顏色。

      柱子描邊

      柱子描邊線的樣式,包括描邊線條的類型、線條的粗細(xì)和描邊線的顏色。

      說(shuō)明

      當(dāng)線的類型選擇虛線點(diǎn)線時(shí),還可以配置線的間斷長(zhǎng)度值和每一個(gè)間斷線之間的距離。

  • 圖例:瀑布圖的圖例樣式。

    參數(shù)

    說(shuō)明

    圖例開關(guān)

    打開開關(guān),可配置圖例樣式;關(guān)閉開關(guān),無(wú)法配置圖例樣式。

    圖例位置

    圖例相對(duì)于組件起始坐標(biāo)的位置,可選頂部居左、頂部居中、頂部居右、底部居左底部居中、底部居右、左側(cè)居頂、左側(cè)居中、左側(cè)居底、右側(cè)居頂右側(cè)居中右側(cè)居底。

    文本樣式

    圖例文本的字體樣式、文字粗細(xì)、字號(hào)和顏色。

    圖表間距

    圖例和圖表的水平間距和垂直間距。

    分類圖例

    分類型圖例的樣式。

    • 圖例標(biāo)記:圖例標(biāo)記的形狀和尺寸大小。

    • 圖例間距:不同分類圖例之間在橫向和縱向的距離。

    • 最大寬度:設(shè)置圖例的最大寬度,單位為px。

    • 允許翻頁(yè):打開開關(guān),開啟圖例翻頁(yè)功能,可配置圖例數(shù)量過(guò)多需要翻頁(yè)顯示時(shí)的頁(yè)碼樣式和箭頭樣式;關(guān)閉開關(guān),圖例內(nèi)容全部展示在一頁(yè)中,無(wú)法翻頁(yè)顯示。

      • 頁(yè)碼樣式:翻頁(yè)頁(yè)碼的樣式,包括頁(yè)碼的字體、文字的粗細(xì)、字號(hào)的大小和顏色。

      • 箭頭樣式:翻頁(yè)樣式內(nèi)箭頭的尺寸大小、箭頭默認(rèn)顏色及禁用顏色。

  • 標(biāo)注:標(biāo)注樣式說(shuō)明。

    • 輔助線:?jiǎn)螕粲覀?cè)的imageimage圖標(biāo),添加或刪除一個(gè)輔助線系列。 單擊imageimage圖標(biāo)配置多個(gè)輔助線系列的排列樣式。單擊image圖標(biāo),即可復(fù)制當(dāng)前選中輔助線系列配置內(nèi)容并新增一個(gè)同樣配置的輔助線系列。

      • 類型:設(shè)置輔助線的類型,包括橫線和斜線。

      • 數(shù)據(jù)值:設(shè)置輔助線的數(shù)據(jù)值,包括平均線、中位線、最大值線和最小值線。

      • 線型樣式:設(shè)置輔助線的線型樣式,包括輔助線的線型、粗細(xì)、長(zhǎng)度、間距和顏色。

      • 文本內(nèi)容:設(shè)置輔助線的內(nèi)容樣式,包括文本、數(shù)據(jù)顯示開關(guān)、旋轉(zhuǎn)角度、水平和垂直偏移和對(duì)齊位置。

      • 文本背景:設(shè)置輔助線的文本背景,包括背景的填充色、圓角半徑。

      • 文本樣式:設(shè)置輔助線的文本內(nèi)容的文本樣式。

    • 輔助框:?jiǎn)螕粲覀?cè)的imageimage圖標(biāo),添加或刪除一個(gè)輔助框系列。 單擊imageimage圖標(biāo)配置多個(gè)輔助框系列的排列樣式。單擊image圖標(biāo),即可復(fù)制當(dāng)前選中輔助框系列配置內(nèi)容并新增一個(gè)同樣配置的輔助框系列。

      • 端點(diǎn)位置:設(shè)置輔助框的起始點(diǎn)橫/縱坐標(biāo)和終止點(diǎn)的橫/縱坐標(biāo)。

      • 背景填充:設(shè)置輔助框的背景顏色。

      • 線型樣式:設(shè)置輔助框的線型樣式,包括輔助框的線型、粗細(xì)、長(zhǎng)度、間距和顏色。

      • 區(qū)域著色:設(shè)置輔助框系列的區(qū)域著色顏色值,掃光動(dòng)畫柱子背景色開啟時(shí)失效。

      • 文本內(nèi)容:設(shè)置輔助框的內(nèi)容樣式,包括文本、水平和垂直偏移、旋轉(zhuǎn)角度和顯示位置。

      • 文本背景:設(shè)置輔助框的文本背景,包括背景的填充色、圓角半徑。

      • 文本樣式:設(shè)置輔助框的文本內(nèi)容的文本樣式。

    • 柱子樣式:?jiǎn)螕粲覀?cè)的imageimage圖標(biāo),添加或刪除一個(gè)條件樣式。 單擊imageimage圖標(biāo)配置多個(gè)條件樣式的排列樣式。單擊image圖標(biāo),即可復(fù)制當(dāng)前選中條件樣式配置并新增一個(gè)同樣配置的條件樣式。具體的條件樣式配置說(shuō)明,請(qǐng)參見條件樹使用說(shuō)明。

      • 柱子顏色:打開開關(guān),配置該系列條件樣式中的柱子顏色;關(guān)閉開關(guān),無(wú)法配置該系列條件下的柱子顏色。

      • 文本標(biāo)注:當(dāng)前條件下的文本標(biāo)注樣式。

        • 文本內(nèi)容:設(shè)置文本標(biāo)注內(nèi)容。

        • 偏移:設(shè)置文本標(biāo)注的水平和垂直偏移,單位為px。

        • 朝向:設(shè)置文本標(biāo)注相對(duì)于文本標(biāo)注點(diǎn)的朝向,包括、、。

        • 文本背景:設(shè)置文本標(biāo)注的文本背景,包括背景的填充色、圓角半徑。

        • 文本樣式:設(shè)置文字標(biāo)注的文本內(nèi)容的文本樣式。

        • 文本連線:設(shè)置文本標(biāo)注的文本連線樣式,包括線型、顏色、粗細(xì)和長(zhǎng)度。

        • 文本標(biāo)注點(diǎn):設(shè)置文本標(biāo)注點(diǎn)的填充顏色、半徑和需要描邊的開關(guān)。

          說(shuō)明

          描邊樣式和連線樣式相同。

數(shù)據(jù)源面板image.png

字段

說(shuō)明

x

用于配置柱子中每個(gè)柱子的類目,即x軸的值。

y

用于配置柱子中每個(gè)柱子的值。

數(shù)據(jù)項(xiàng)配置

說(shuō)明

數(shù)據(jù)源

組件的數(shù)據(jù)源中通過(guò)代碼編輯可視化編輯展示了組件所包含的數(shù)據(jù)字段。也可以修改數(shù)據(jù)類型,靈活配置組件數(shù)據(jù)。

數(shù)據(jù)映射

當(dāng)您需要自定義圖表字段配置時(shí),可以在數(shù)據(jù)映射模塊設(shè)置不同的字段映射內(nèi)容,將這些字段映射到組件對(duì)應(yīng)的字段上。無(wú)需修改數(shù)據(jù)源中的字段,就可以實(shí)現(xiàn)數(shù)據(jù)的實(shí)時(shí)匹配。也可以單擊image圖標(biāo)對(duì)字段分別樣式配置。

過(guò)濾器

打開過(guò)濾器,選擇已創(chuàng)建的數(shù)據(jù)過(guò)濾器或新建數(shù)據(jù)過(guò)濾器,并配置數(shù)據(jù)過(guò)濾器腳本,實(shí)現(xiàn)數(shù)據(jù)的篩選功能。詳情請(qǐng)參見管理數(shù)據(jù)過(guò)濾器

數(shù)據(jù)響應(yīng)結(jié)果

實(shí)時(shí)展示了組件所使用的數(shù)據(jù)。當(dāng)組件數(shù)據(jù)源發(fā)生變化時(shí),數(shù)據(jù)響應(yīng)結(jié)果會(huì)對(duì)應(yīng)展示最新的數(shù)據(jù)。如果系統(tǒng)反應(yīng)延遲,您可以單擊右側(cè)的image圖標(biāo),查看數(shù)據(jù)響應(yīng)結(jié)果,也可以單擊右側(cè)的image圖標(biāo),獲取組件的最新數(shù)據(jù)。您也可以單擊查看示例,查看當(dāng)前組件的響應(yīng)結(jié)果示例。

禁止加載態(tài)

勾選復(fù)選框,在組件更新和預(yù)覽數(shù)據(jù)看板時(shí),將看不到組件初始化時(shí)的加載內(nèi)容,去勾選則相反。默認(rèn)為去勾選狀態(tài)。

受控模式

勾選復(fù)選框,組件初始化狀態(tài)下不請(qǐng)求數(shù)據(jù),僅通過(guò)全局變量或藍(lán)圖編輯器配置的方法發(fā)起請(qǐng)求數(shù)據(jù);去勾選復(fù)選框,可以使用自動(dòng)更新請(qǐng)求數(shù)據(jù)。默認(rèn)為去勾選狀態(tài)。

自動(dòng)更新請(qǐng)求

勾選復(fù)選框,可以手動(dòng)輸入輪詢的時(shí)間頻次設(shè)置動(dòng)態(tài)輪詢。清除后則不會(huì)自動(dòng)更新,需要手動(dòng)刷新頁(yè)面,或通過(guò)藍(lán)圖編輯器和全局變量事件來(lái)觸發(fā)請(qǐng)求更新數(shù)據(jù)。

高級(jí)面板image.png

當(dāng)數(shù)據(jù)項(xiàng)選中時(shí):打開開關(guān),開啟組件交互功能。當(dāng)單擊選中某個(gè)數(shù)據(jù)項(xiàng)時(shí)拋出臨時(shí)變量,默認(rèn)拋出數(shù)據(jù)中的xy字段,具體配置請(qǐng)參見組件交互配置。

藍(lán)圖交互

  1. 單擊頁(yè)面左上角的image圖標(biāo),進(jìn)入藍(lán)圖頁(yè)面。

  2. 圖層節(jié)點(diǎn)頁(yè)簽下,添加當(dāng)前組件至主畫布中。

  3. 查看藍(lán)圖配置參數(shù)。image.png

    • 事件

      事件

      說(shuō)明

      當(dāng)瀑布圖接口請(qǐng)求完成時(shí)

      數(shù)據(jù)接口請(qǐng)求返回并經(jīng)過(guò)過(guò)濾器處理后拋出的事件,同時(shí)拋出處理后的JSON格式的數(shù)據(jù)。具體數(shù)據(jù)示例請(qǐng)參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁(yè)簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。

      當(dāng)數(shù)據(jù)項(xiàng)選中時(shí)

      當(dāng)單擊瀑布圖的柱子時(shí)拋出的事件,同時(shí)拋出該柱子對(duì)應(yīng)的數(shù)據(jù)項(xiàng)。

    • 動(dòng)作

      動(dòng)作

      說(shuō)明

      導(dǎo)入瀑布圖接口

      按組件繪制格式處理數(shù)據(jù)后,導(dǎo)入組件,重新繪制。不需要重新請(qǐng)求服務(wù)端數(shù)據(jù)。具體數(shù)據(jù)示例請(qǐng)參見畫布編輯器中組件右側(cè)配置面板數(shù)據(jù)源頁(yè)簽的數(shù)據(jù)響應(yīng)結(jié)果區(qū)域。

      請(qǐng)求瀑布圖接口

      重新請(qǐng)求服務(wù)端數(shù)據(jù),上游數(shù)據(jù)處理節(jié)點(diǎn)或圖層節(jié)點(diǎn)拋出的數(shù)據(jù)將作為參數(shù)。例如瀑布圖配置了API數(shù)據(jù)源為https://api.test,傳到請(qǐng)求瀑布圖接口動(dòng)作的數(shù)據(jù)為{ id: '1'},則最終請(qǐng)求接口為https://api.test?id=1。

      高亮

      data:需要高亮的數(shù)據(jù)項(xiàng)。

      • 單個(gè)高亮

        {
          'x': '分類一' 
        }
      • 批量高亮

        [
          {
            'x': '分類一' 
          }, 
          { 
            'y': 120 
          }
        ]

      style:選中樣式。如:fillStyle、stroke、opacity等; 高亮樣式不傳入時(shí),使用默認(rèn)樣式(配置中選中態(tài)的樣式)。

      參考數(shù)據(jù)示例

      {
        "data": {},
        "style": {}
      }

      重置選擇項(xiàng)

      清空重置組件選擇項(xiàng)數(shù)據(jù),不需要參數(shù)。

      移動(dòng)

      將組件移動(dòng)到指定位置,參考數(shù)據(jù)示例。

          {      
            // 移動(dòng)方式。絕對(duì)定位:to,相對(duì)定位:by。默認(rèn)值:to。
              "positionType": "to",
            // 指定位置。x坐標(biāo),y坐標(biāo)。
            "attr": {
              "x": 0,
              "y": 0
            },
            // 動(dòng)畫方式。
            "animation": {
              "enable": false,
              // 動(dòng)畫延時(shí),單位ms。
              "animationDuration": 1000,
              // 動(dòng)畫曲線。可選值為:linear|easeInOutQuad|easeInOutExpo。
              "animationEasing": "linear"
            }
          }

      切換顯隱

      切換組件顯示或者隱藏,不需要參數(shù)。

      顯示

      顯示組件,參考數(shù)據(jù)示例。

      {
        "animationType": "",//動(dòng)畫方式,可選值:fade,不填無(wú)動(dòng)畫。
        "animationDuration": 1000,//動(dòng)畫延遲,單位ms。
        "animationEasing": ""http://動(dòng)畫曲線
      }

      隱藏

      隱藏組件,參考數(shù)據(jù)示例。

      {
        "animationType": "",//動(dòng)畫方式,可選值:fade,不填無(wú)動(dòng)畫。
        "animationDuration": 1000,//動(dòng)畫延遲,單位ms。
        "animationEasing": ""http://動(dòng)畫曲線
      }

      更新組件配置

      動(dòng)態(tài)更新組件的樣式配置。需要先在組件的樣式面板中,單擊復(fù)制配置到剪貼板,獲取組件配置數(shù)據(jù)。再根據(jù)需要在藍(lán)圖編輯器配置頁(yè)面,數(shù)據(jù)處理節(jié)點(diǎn)中更改對(duì)應(yīng)樣式的字段值。