圖表樣式

全屏切換支持切換圖標(biāo)和背景樣式配置，支持自定義背景的顯隱，能夠靈活地在全屏展示和小屏展示中進(jìn)行切換。

樣式面板

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

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

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

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

• 全屏顯示：配置全屏顯示的圖標(biāo)。如果您需要使用遠(yuǎn)程服務(wù)器上的圖片，請(qǐng)?jiān)谏戏降妮斎肟蛑休斎雸D片的URL地址；單擊圖片框內(nèi)的預(yù)覽，即可預(yù)覽圖片的大圖樣式；單擊圖片輸入框下方的虛線框內(nèi)的更改，更改圖片設(shè)計(jì)資產(chǎn)詳細(xì)功能請(qǐng)參見(jiàn)使用界面功能說(shuō)明。

• 退出全屏：配置退出全屏的圖標(biāo)。如果您需要使用遠(yuǎn)程服務(wù)器上的圖片，請(qǐng)?jiān)谏戏降妮斎肟蛑休斎雸D片的URL地址；單擊圖片框內(nèi)的預(yù)覽，即可預(yù)覽圖片的大圖樣式；單擊圖片輸入框下方的虛線框內(nèi)的更改，更改圖片設(shè)計(jì)資產(chǎn)詳細(xì)功能請(qǐng)參見(jiàn)使用界面功能說(shuō)明。

• 背景顏色：圖片底部的填充色，請(qǐng)參見(jiàn)顏色選擇器說(shuō)明進(jìn)行修改。

• 圓角：配置組件的背景形狀。默認(rèn)為50%顯示為圓形。如果為0%，則顯示為正方形。

  說(shuō)明

  如果組件不是正方形，那么圓角為50%時(shí)背景顯示為橢圓形。

• 始終顯示圖片背景：打開(kāi)開(kāi)關(guān)，可視化應(yīng)用中始終顯示圖片背景；關(guān)閉開(kāi)關(guān)，只有在鼠標(biāo)移至組件上時(shí)，才顯示圖片背景。

數(shù)據(jù)源面板

此組件不需要進(jìn)行數(shù)據(jù)配置。

高級(jí)面板

此組件不需要進(jìn)行交互事件配置。

藍(lán)圖交互

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

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

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

   • 事件

     參數(shù)	說(shuō)明
     當(dāng)進(jìn)入全屏幕時(shí)	當(dāng)進(jìn)入全屏幕時(shí)拋出的事件，不需要參數(shù)。
     當(dāng)退出全屏幕時(shí)	當(dāng)退出全屏幕時(shí)拋出的事件，不需要參數(shù)。

   • 動(dòng)作

     動(dòng)作	說(shuō)明
     進(jìn)入全屏幕	不需要參數(shù)。
     退出全屏幕	不需要參數(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í)。 "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)樣式的字段值。