《工業(yè)可視化》課件 任務(wù)2.1 設(shè)計(jì)生產(chǎn)設(shè)備監(jiān)控頁(yè)面 -知識(shí)準(zhǔn)備

《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程湖南三一工業(yè)職業(yè)技術(shù)學(xué)院項(xiàng)目二生產(chǎn)制造的可視化設(shè)計(jì)任務(wù)2.1設(shè)計(jì)生產(chǎn)設(shè)備監(jiān)控頁(yè)面>>※知識(shí)準(zhǔn)備《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程目錄狀態(tài)演化圖組件01折線(xiàn)圖組件02維度與度量031.狀態(tài)演化圖組件狀態(tài)演化圖主要用于展現(xiàn)不同狀態(tài)的時(shí)長(zhǎng)，狀態(tài)演化圖的x軸顯示的是總時(shí)長(zhǎng)，分段顯示每種狀態(tài)的時(shí)長(zhǎng)。例如：展示設(shè)備的作業(yè)、待機(jī)、停機(jī)等狀態(tài)的不同時(shí)長(zhǎng)，可以獲知該設(shè)備在一定的時(shí)間段內(nèi)，工作狀態(tài)是否合理。在云視界使用狀態(tài)演化圖組件時(shí)，在基礎(chǔ)組件下的圖表組件找到直接拖拽到頁(yè)面即可。1.狀態(tài)演化圖組件——屬性配置位置尺寸：設(shè)置組件的長(zhǎng)寬尺寸和位置。可直接輸入像素值調(diào)整大小，也可通過(guò)鼠標(biāo)拖動(dòng)組件大小調(diào)整。外觀設(shè)置：可自定義設(shè)置組件名稱(chēng)，顯示方式有“居中”、“填滿(mǎn)”、“自定義”；其中前兩種方式有相應(yīng)的尺寸大小，“自定義”方式可以任意調(diào)整尺寸大小。設(shè)置內(nèi)容可以設(shè)置狀態(tài)演化圖的圖例文字的“位置”“字體”“字號(hào)”“字重”“字色”。圖例1.狀態(tài)演化圖組件——屬性配置勾選此設(shè)置，在狀態(tài)演化圖中的橫坐標(biāo)刻度上顯示數(shù)字，可以通過(guò)設(shè)置“字體”“字號(hào)”“字重”“字色”“軸顏色”對(duì)刻度數(shù)字進(jìn)行設(shè)計(jì)?？潭葦?shù)值1.狀態(tài)演化圖組件——數(shù)據(jù)源配置狀態(tài)演化圖主要用于展示有時(shí)間趨勢(shì)的數(shù)據(jù)，也就是有時(shí)間序列做趨勢(shì)對(duì)比的數(shù)據(jù)，因此其數(shù)據(jù)源一般自帶時(shí)間戳，如物模型的歷史數(shù)據(jù)；狀態(tài)演化圖無(wú)法展示單點(diǎn)數(shù)據(jù)，如采集點(diǎn)的直連屬性值。狀態(tài)演化圖的數(shù)據(jù)源配置內(nèi)容如下：數(shù)據(jù)源：可選擇歷史數(shù)據(jù)，或者用戶(hù)創(chuàng)建的數(shù)據(jù)源；維度：選擇數(shù)據(jù)表的時(shí)間度量：選擇展示設(shè)備的工作狀態(tài)數(shù)據(jù)源過(guò)濾：?jiǎn)螕簟?”圖標(biāo)可彈出“添加過(guò)濾”彈窗，可設(shè)置“條件過(guò)濾”“日期過(guò)濾”“排序”

設(shè)置內(nèi)容1.狀態(tài)演化圖組件——數(shù)據(jù)源配置狀態(tài)設(shè)置可單擊“+”添加狀態(tài)數(shù)量，在每個(gè)狀態(tài)設(shè)置中，“狀態(tài)名稱(chēng)”為狀態(tài)演化圖中顯示的名稱(chēng)，“對(duì)應(yīng)名稱(chēng)”為數(shù)據(jù)源中值對(duì)應(yīng)的值，當(dāng)數(shù)據(jù)源中數(shù)據(jù)的值為“對(duì)應(yīng)名稱(chēng)”時(shí)，即顯示該“狀態(tài)顏色”。如右圖，如果某時(shí)段的狀態(tài)值為1時(shí)，則顯示的狀態(tài)名稱(chēng)為作業(yè)，且對(duì)應(yīng)的時(shí)段的顏色為綠色。2.折線(xiàn)圖組件折線(xiàn)圖主要用于在連續(xù)間隔或時(shí)間跨度上展示數(shù)值，它的特點(diǎn)是反映事物隨時(shí)間或有序類(lèi)別而變化的趨勢(shì)，常用來(lái)顯示趨勢(shì)和對(duì)比關(guān)系（多個(gè)折線(xiàn)之間的對(duì)比）。在折線(xiàn)圖中，數(shù)據(jù)是遞增還是遞減、增減的速率、增減的規(guī)律（周期性、螺旋性等）、峰值等特征都可以清晰地反映出來(lái)。所以，折線(xiàn)圖常用來(lái)分析數(shù)據(jù)隨時(shí)間的變化趨勢(shì)，也可用來(lái)分析多組數(shù)據(jù)隨時(shí)間變化的相互作用和相互影響。例如可用來(lái)分析某臺(tái)設(shè)備或是某幾臺(tái)設(shè)備的電流或運(yùn)行速度隨時(shí)間變化的情況，從而判斷其是否有異常。2.折線(xiàn)圖組件在折線(xiàn)圖中，一般水平軸（X軸）用來(lái)表示時(shí)間的推移，并且間隔相同；而垂直軸（Y軸）代表不同時(shí)刻的數(shù)據(jù)的大小。使用時(shí)，在基礎(chǔ)組件下的圖表組件找到折線(xiàn)圖直接拖拽到頁(yè)面即可，如圖：2.折線(xiàn)圖組件——屬性配置位置尺寸：XY是設(shè)置組件的高度和寬度，單位為像素；WH是組件的寬度和高度折線(xiàn)圖類(lèi)型：有四種類(lèi)型可選，包含折線(xiàn)圖、折線(xiàn)面積圖、曲線(xiàn)圖、曲線(xiàn)面積圖設(shè)置內(nèi)容2.折線(xiàn)圖組件——屬性配置屬性顯示：有“居中”“填滿(mǎn)”“自定義”三種方式。其中前兩種方式有相應(yīng)的尺寸大小，“自定義”方式可以任意調(diào)整尺寸大??；時(shí)間格式：有多種格式可設(shè)置，包括“小時(shí)”“年-月-日”等。圖表選項(xiàng)：勾選上對(duì)應(yīng)的選項(xiàng)在折線(xiàn)圖中可顯示2.折線(xiàn)圖組件——屬性配置圖標(biāo)主題：預(yù)設(shè)的圖表主題有6種；圖標(biāo)字體：可對(duì)折線(xiàn)圖中的“圖表字體”“字重”“顏色”“字號(hào)”進(jìn)行顯示設(shè)置；Y軸極值：可設(shè)置折線(xiàn)圖Y軸的最大值，超過(guò)該最大值部分將不顯示在圖中。設(shè)置內(nèi)容2.折線(xiàn)圖組件——屬性配置屬性圖表參考線(xiàn)：打開(kāi)開(kāi)關(guān)后，會(huì)顯示需要配置的參考線(xiàn)信息，可以添加多條參考線(xiàn)。Y軸數(shù)值：設(shè)置參考線(xiàn)的Y軸數(shù)值線(xiàn)樣式：可以設(shè)置solid（實(shí)線(xiàn)）、dot（點(diǎn)）、短線(xiàn)（dash）。粗細(xì)：設(shè)置參考線(xiàn)的顯示粗細(xì)。區(qū)間數(shù)值：可選擇“無(wú)限制”即顯示所有數(shù)據(jù)，“小于顯示”即只顯示小于參考線(xiàn)的數(shù)據(jù)，“大于顯示”即只顯示大于參考線(xiàn)的數(shù)據(jù)。2.折線(xiàn)圖組件——屬性配置X軸自定義：打開(kāi)后會(huì)出現(xiàn)需要配置的標(biāo)簽角度和標(biāo)簽數(shù)量，標(biāo)簽角度即是X軸標(biāo)簽的顯示角度，標(biāo)簽數(shù)量即是X軸標(biāo)簽的顯示數(shù)量。Y軸定義：打開(kāi)后會(huì)出現(xiàn)需要配置標(biāo)簽角度，即Y軸標(biāo)簽的顯示角度。設(shè)置內(nèi)容2.折線(xiàn)圖組件——屬性配置顏色指定方式：完成數(shù)據(jù)源設(shè)置后，對(duì)應(yīng)的度量可以設(shè)置不同的顏色，進(jìn)而在折線(xiàn)圖中加以區(qū)分。非實(shí)時(shí)數(shù)據(jù)處理：折線(xiàn)圖不做設(shè)置設(shè)置內(nèi)容2.折線(xiàn)圖組件——數(shù)據(jù)源配置物模型：打開(kāi)“物模型”選項(xiàng)，使用本頁(yè)面綁定的物模型作為數(shù)據(jù)源，此時(shí)可選的數(shù)據(jù)源有“歷史數(shù)據(jù)”“采集點(diǎn)數(shù)據(jù)”“報(bào)警數(shù)據(jù)”。數(shù)據(jù)源：在“物模型”選項(xiàng)關(guān)閉時(shí)，可通過(guò)此選框進(jìn)行選擇數(shù)據(jù)庫(kù)中的數(shù)據(jù)作為數(shù)據(jù)源。維度：折線(xiàn)圖的X軸，可選時(shí)間和字符格式的數(shù)據(jù)；度量：折線(xiàn)圖的Y軸，可選多個(gè)度量值，只能選擇數(shù)字類(lèi)型的數(shù)據(jù)。

設(shè)置內(nèi)容折線(xiàn)圖的數(shù)據(jù)源配置內(nèi)容如下所示。2.折線(xiàn)圖組件——數(shù)據(jù)源配置屬性設(shè)置數(shù)據(jù)源過(guò)濾：?jiǎn)螕簟?”圖標(biāo)彈出“添加過(guò)濾”彈窗，可設(shè)置“條件過(guò)濾”“日期過(guò)濾”“排序”參與組件過(guò)濾：勾選時(shí)，本組件的數(shù)據(jù)源將參與本頁(yè)面的其它篩選器的篩選。例如本頁(yè)面中有“日期篩選器”對(duì)某一數(shù)據(jù)源進(jìn)行日期篩選，則本組件用到同一個(gè)數(shù)據(jù)源時(shí)將只能讀取到經(jīng)“日期篩選器”篩選后的數(shù)據(jù)；支持?jǐn)?shù)據(jù)下載：默認(rèn)關(guān)閉，開(kāi)啟時(shí)支持?jǐn)?shù)據(jù)下載。數(shù)據(jù)響應(yīng)：在設(shè)置好數(shù)據(jù)源及數(shù)據(jù)過(guò)濾后，保存再刷新后會(huì)在此框中顯示出數(shù)據(jù)。3.維度與度量維度是用來(lái)描述事實(shí)的角度，主要用來(lái)描述與“誰(shuí)、何時(shí)、何地、如何”等有關(guān)的事件。比如描述某設(shè)備的異常電流值在何時(shí)出現(xiàn)，那么就是時(shí)間維度；比如描述設(shè)備所在的地理位置，就是地理維度；比如描述生產(chǎn)設(shè)備是歸屬于哪位操作人員負(fù)責(zé)，那就是人員維度。維度字段一般使用的數(shù)據(jù)類(lèi)型是字符串（string）或者日期（date）類(lèi)型。度量是業(yè)務(wù)流程節(jié)點(diǎn)上的一個(gè)數(shù)值，比如耗電量、產(chǎn)量、銷(xiāo)量，價(jià)格，成本等的數(shù)值，度量需要從維度的基礎(chǔ)上去衡算這個(gè)結(jié)果數(shù)值，比如耗電