在當(dāng)今數(shù)字化時(shí)代，倉(cāng)儲(chǔ)管理對(duì)于企業(yè)的運(yùn)營(yíng)效率和成本控制愈發(fā)關(guān)鍵。圖撲軟件（Hightopo）憑借其強(qiáng)大的 HT for Web 產(chǎn)品，打造出 2D 智慧倉(cāng)儲(chǔ)可視化平臺(tái)，為倉(cāng)儲(chǔ)管理帶來(lái)了全新的技術(shù)解決方案。

HT 是一款基于 WebGL、canvas 的前端插件。它允許開(kāi)發(fā)者通過(guò) JavaScript 腳本調(diào)用插件 API，實(shí)現(xiàn)豐富的可視化功能。這種技術(shù)架構(gòu)為倉(cāng)儲(chǔ)系統(tǒng)的可視化搭建提供了高效且靈活的開(kāi)發(fā)方式，使得復(fù)雜的倉(cāng)儲(chǔ)數(shù)據(jù)能夠以直觀易懂的形式呈現(xiàn)給用戶。

總覽頁(yè)可視化

總覽頁(yè)作為倉(cāng)儲(chǔ)信息的集中展示窗口，運(yùn)用了 HT 的圖表組件和數(shù)據(jù)綁定技術(shù)。通過(guò)將庫(kù)存、人員、設(shè)備以及現(xiàn)場(chǎng)監(jiān)控畫面等數(shù)據(jù)與相應(yīng)的可視化元素進(jìn)行綁定，實(shí)現(xiàn)數(shù)據(jù)的實(shí)時(shí)更新與展示。以監(jiān)控畫面展示為例，利用 HT 提供的視頻嵌入功能，將倉(cāng)庫(kù)內(nèi)各個(gè)攝像頭的視頻流接入系統(tǒng)，并支持多窗口切換查看，方便用戶遠(yuǎn)程掌握現(xiàn)場(chǎng)情況。在數(shù)據(jù)展示形式上，庫(kù)存統(tǒng)計(jì)、人員詳情統(tǒng)計(jì)、設(shè)備統(tǒng)計(jì)等信息采用了簡(jiǎn)潔明了的圖表，如柱狀圖、餅圖等，這些圖表的繪制依賴于 HT 對(duì) canvas 繪圖能力的封裝，開(kāi)發(fā)者只需傳入數(shù)據(jù)，就能快速生成直觀的可視化圖表。

出入庫(kù)可視化

出入庫(kù)系統(tǒng)頁(yè)面通過(guò)多色柱狀圖和折線圖展示數(shù)據(jù)，這一功能的實(shí)現(xiàn)借助了 HT 強(qiáng)大的圖形繪制和數(shù)據(jù)驅(qū)動(dòng)能力。開(kāi)發(fā)者利用 JavaScript 獲取出入庫(kù)數(shù)據(jù)，再通過(guò) HT 的 API 將數(shù)據(jù)轉(zhuǎn)化為可視化圖形。例如，在展示近日三個(gè)庫(kù)的出庫(kù)和入庫(kù)數(shù)量時(shí)，根據(jù)數(shù)據(jù)的變化實(shí)時(shí)更新柱狀圖和折線圖的高度、顏色等屬性，讓用戶能夠清晰地了解貨品的吞吐情況。同時(shí)，對(duì)于月度分析、任務(wù)完成率等數(shù)據(jù)的展示，也是通過(guò)對(duì) HT 圖表組件的定制化配置實(shí)現(xiàn)的，確保數(shù)據(jù)的準(zhǔn)確呈現(xiàn)和有效分析。

庫(kù)存分析

庫(kù)存分析功能重點(diǎn)在于對(duì)倉(cāng)庫(kù)儲(chǔ)位占用情況的可視化呈現(xiàn)。HT 通過(guò)與底層數(shù)據(jù)接口對(duì)接，實(shí)時(shí)獲取儲(chǔ)位狀態(tài)數(shù)據(jù)（空儲(chǔ)位、空料盤、有料儲(chǔ)位和不可用儲(chǔ)位）。利用 HT 的 2D 圖形繪制功能，將不同狀態(tài)的儲(chǔ)位以不同顏色的區(qū)塊進(jìn)行區(qū)分展示。當(dāng)儲(chǔ)位狀態(tài)發(fā)生變化時(shí)，系統(tǒng)能夠迅速響應(yīng)，通過(guò)更改圖形來(lái)反映實(shí)時(shí)情況，使用戶對(duì)倉(cāng)庫(kù)的空間利用情況一目了然。此外，庫(kù)容分析中的各種圖表展示，也是基于 HT 對(duì)數(shù)據(jù)的處理和繪圖能力實(shí)現(xiàn)的，為倉(cāng)儲(chǔ)管理人員提供了精準(zhǔn)的決策依據(jù)。

設(shè)備分析

設(shè)備分析模塊運(yùn)用了 HT 的數(shù)據(jù)分析和可視化手段，對(duì)設(shè)備任務(wù)完成率、故障率等情況進(jìn)行多方位分析呈現(xiàn)。通過(guò)采集設(shè)備的時(shí)間稼動(dòng)率、性能稼動(dòng)率和質(zhì)量合格率等數(shù)據(jù)，利用 JavaScript 計(jì)算設(shè)備的綜合效率 OEE。在可視化展示方面，采用折線圖展示設(shè)備稼動(dòng)率，利用 HT 的圖形繪制功能，根據(jù)實(shí)時(shí)狀態(tài)接口展示設(shè)備的在線 / 離線等狀態(tài)。對(duì)于設(shè)備故障次數(shù)和累計(jì)故障時(shí)間的統(tǒng)計(jì)分析，同樣是通過(guò)數(shù)據(jù)采集、處理和 HT 的圖表繪制實(shí)現(xiàn)的，幫助用戶及時(shí)了解設(shè)備運(yùn)行質(zhì)量，合理安排設(shè)備維護(hù)和保養(yǎng)計(jì)劃。

業(yè)務(wù)系統(tǒng)可視化

業(yè)務(wù)系統(tǒng)頁(yè)的核心是全國(guó)訂單分布的地圖展示以及各項(xiàng)業(yè)務(wù)數(shù)據(jù)的統(tǒng)計(jì)分析。在地圖展示部分，HT 結(jié)合 GIS 技術(shù)，將訂單數(shù)據(jù)與地理位置進(jìn)行關(guān)聯(lián)，實(shí)現(xiàn)訂單在地圖上的可視化標(biāo)注。通過(guò) JavaScript 獲取訂單數(shù)據(jù)，并根據(jù)地區(qū)信息在地圖上繪制相應(yīng)的標(biāo)記和數(shù)量顯示。同時(shí)，頁(yè)面底部對(duì)業(yè)務(wù)數(shù)據(jù)的統(tǒng)計(jì)展示，如備貨量、提貨量、完成量等，也是通過(guò) HT 的圖表組件和數(shù)據(jù)綁定技術(shù)實(shí)現(xiàn)的，方便用戶從宏觀和微觀層面掌握業(yè)務(wù)發(fā)展態(tài)勢(shì)。

實(shí)時(shí)數(shù)據(jù)監(jiān)控

該平臺(tái)能夠?qū)崿F(xiàn)實(shí)時(shí)數(shù)據(jù)監(jiān)控，得益于高精度傳感器與智能數(shù)據(jù)收集分析系統(tǒng)的整合。這些傳感器采集倉(cāng)儲(chǔ)物品的各項(xiàng)指標(biāo)數(shù)據(jù)，通過(guò)網(wǎng)絡(luò)傳輸至系統(tǒng)后臺(tái)。在前端，HT 利用 JavaScript 的事件驅(qū)動(dòng)機(jī)制，實(shí)時(shí)監(jiān)聽(tīng)數(shù)據(jù)變化，并通過(guò)數(shù)據(jù)綁定技術(shù)，將最新數(shù)據(jù)更新到相應(yīng)的可視化元素上，確保用戶看到的始終是最新的倉(cāng)儲(chǔ)信息，保障了倉(cāng)庫(kù)內(nèi)物品的存儲(chǔ)質(zhì)量監(jiān)控及時(shí)性。

智能預(yù)測(cè)和優(yōu)化

平臺(tái)借助對(duì)歷史數(shù)據(jù)的分析和挖掘?qū)崿F(xiàn)智能預(yù)測(cè)和優(yōu)化。在技術(shù)層面，利用 JavaScript 中的數(shù)據(jù)處理算法和機(jī)器學(xué)習(xí)庫(kù)（若有集成）對(duì)歷史數(shù)據(jù)進(jìn)行建模分析。通過(guò) HT 提供的可視化接口，將預(yù)測(cè)結(jié)果以直觀的圖表或圖形展示出來(lái)，幫助企業(yè)快速?zèng)Q策。例如，預(yù)測(cè)不同物品的存儲(chǔ)需求和出庫(kù)需求，進(jìn)而優(yōu)化倉(cāng)儲(chǔ)布局和貨物調(diào)度策略。

自動(dòng)化運(yùn)營(yíng)功能的實(shí)現(xiàn)依賴于系統(tǒng)與自動(dòng)化設(shè)備的集成以及 HT 的交互控制能力。通過(guò) HT 的 API，系統(tǒng)可以與倉(cāng)儲(chǔ)自動(dòng)化設(shè)備（如自動(dòng)分揀機(jī)、堆垛機(jī)等）進(jìn)行通信，實(shí)現(xiàn)對(duì)設(shè)備的遠(yuǎn)程控制和自動(dòng)化操作。JavaScript 腳本根據(jù)預(yù)設(shè)的業(yè)務(wù)邏輯，自動(dòng)觸發(fā)設(shè)備的運(yùn)行指令，減少人工干預(yù)，提高運(yùn)營(yíng)效率和準(zhǔn)確性，同時(shí)降低管理成本。

平臺(tái)支持多種數(shù)據(jù)報(bào)表展示和分析方式，這是基于 HT 豐富的圖表庫(kù)和數(shù)據(jù)導(dǎo)出功能實(shí)現(xiàn)的。開(kāi)發(fā)者可以利用 HT 的 API，根據(jù)用戶需求定制不同類型的報(bào)表，如日?qǐng)?bào)、月報(bào)、年報(bào)等。這些報(bào)表不僅可以在前端以可視化圖表的形式展示，還能通過(guò) JavaScript 的文件生成功能，導(dǎo)出為 PDF、Excel 等格式，方便企業(yè)決策者進(jìn)行數(shù)據(jù)分析和存檔。

圖撲軟件的 HT for Web 產(chǎn)品在 2D 智慧倉(cāng)儲(chǔ)可視化系統(tǒng)中展現(xiàn)出強(qiáng)大的技術(shù)實(shí)力。通過(guò) HT 技術(shù)，實(shí)現(xiàn)了倉(cāng)儲(chǔ)數(shù)據(jù)的實(shí)時(shí)監(jiān)控、智能分析和可視化展示，為企業(yè)提升倉(cāng)儲(chǔ)管理效率提供了有力支持。隨著技術(shù)的不斷發(fā)展，未來(lái) HT 有望在更多領(lǐng)域發(fā)揮作用，進(jìn)一步推動(dòng)數(shù)字化倉(cāng)儲(chǔ)管理向智能化、高效化方向邁進(jìn)。

審核編輯 黃宇