女人自慰AV免费观看内涵网,日韩国产剧情在线观看网址,神马电影网特片网,最新一级电影欧美,在线观看亚洲欧美日韩,黄色视频在线播放免费观看,ABO涨奶期羡澄,第一导航fulione,美女主播操b

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

Hightopo提供響應(yīng)式可視化大屏,解決大屏分辨率的困擾

圖撲-數(shù)字孿生 ? 來源:圖撲 ? 作者:物聯(lián)網(wǎng)袋鼠 ? 2020-11-02 11:30 ? 次閱讀

數(shù)據(jù)可視化在當(dāng)下信息時(shí)代已經(jīng)成為炙手可熱的話題,而 B/S 化趨勢,也使得許多大屏應(yīng)用上在網(wǎng)頁端出現(xiàn),今天給大家分享一套不一樣風(fēng)格的大屏頁面,與傳統(tǒng)深藍(lán)色不同,這次采用了暗紅色設(shè)計(jì),搭配粉色及黃色,加入了一些工業(yè)元素,讓頁面有別具一格的效果。而Hightopo獨(dú)特的自適應(yīng)機(jī)制,也解決了大屏需要針對分辨率設(shè)計(jì)的困擾,達(dá)到了可以一頁用多屏的效果。

而當(dāng)今的隨著工業(yè)4.0變革的推進(jìn),逐步開始走向了利用信息化技術(shù)促進(jìn)產(chǎn)業(yè)變革的時(shí)代,也就是智能化時(shí)代。伴隨著時(shí)代的走向,工業(yè)互聯(lián)網(wǎng)和5G網(wǎng)絡(luò)逐漸揭開了帷幕,數(shù)據(jù)不再是單純的數(shù)據(jù)信息源,數(shù)據(jù)可以結(jié)合一些可視化界面作為載體,實(shí)時(shí)地展示反饋出這個(gè)世界的變化。在諸多行業(yè)上,我們可以通過對數(shù)據(jù)的管控達(dá)到場景設(shè)備的維護(hù)效果,例如智慧園區(qū)、智慧樓宇的建設(shè),水務(wù)系統(tǒng)的監(jiān)控以及一些公共設(shè)施風(fēng)力發(fā)電,數(shù)據(jù)中心可視化系統(tǒng)等等的搭建上,都可以通過可視化的搭載,進(jìn)行數(shù)據(jù)的展示和維控。

HT for Web不止自主研發(fā)了強(qiáng)大的基于 HTML5 的2D、3D渲染引擎,為可視化提供了豐富的展示效果。引擎機(jī)制上Hightopo獨(dú)創(chuàng)了自己的矢量 json 格式,并支持?jǐn)?shù)據(jù)綁定,讓動(dòng)態(tài)的矢量圖片展示成為了可能。今天我們就將使用Hightopo(以下簡稱HT)的HT for Web產(chǎn)品上的web組態(tài)跟大家介紹一下通過豐富的2D 組態(tài)運(yùn)用以及動(dòng)畫效果融合搭建的大屏數(shù)據(jù)可視化系統(tǒng)。

界面上的圖紙是采用 HT 特有的設(shè)計(jì),并沿用 HT 的響應(yīng)式布局來進(jìn)行劃分排版,在無限放大和縮小圖片的情況下依然能保持一致的精準(zhǔn)度,可以適應(yīng)不同分辨率的屏幕都不會(huì)模糊,不僅可以實(shí)現(xiàn)完美的跨平臺(tái),在大屏展示上的效果就不言而喻了。而對相應(yīng)的數(shù)據(jù)節(jié)點(diǎn)以及動(dòng)畫節(jié)點(diǎn)做數(shù)據(jù)綁定,通過對接數(shù)據(jù)來展示數(shù)據(jù)可視化系統(tǒng)的運(yùn)行,加上HT的動(dòng)畫函數(shù)ht.Default.startAnim()來驅(qū)動(dòng)數(shù)據(jù)變動(dòng)和動(dòng)畫展示效果。

數(shù)據(jù)可視化的基本思想:數(shù)據(jù)可視化技術(shù)的基本思想,是將數(shù)據(jù)庫中每一個(gè)數(shù)據(jù)項(xiàng)作為單個(gè)圖元元素表示,大量的數(shù)據(jù)集構(gòu)成數(shù)據(jù)圖像,同時(shí)將數(shù)據(jù)的各個(gè)屬性值以多維數(shù)據(jù)的形式表示,可以從不同的維度觀察數(shù)據(jù),從而對數(shù)據(jù)進(jìn)行更深入的觀察和分析。數(shù)據(jù)可視化的基本手段:

1、數(shù)據(jù)可視化,是關(guān)于數(shù)據(jù)視覺表現(xiàn)形式的科學(xué)技術(shù)研究。其中,這種數(shù)據(jù)的視覺表現(xiàn)形式被定義為,一種以某種概要形式抽提出來的信息,包括相應(yīng)信息單位的各種屬性和變量。它是一個(gè)處于不斷演變之中的概念,其邊界在不斷地?cái)U(kuò)大。主要指的是技術(shù)上較為高級的技術(shù)方法,而這些技術(shù)方法允許利用圖形、圖像處理、計(jì)算機(jī)視覺以及用戶界面,通過表達(dá)、建模以及對立體、表面、屬性以及動(dòng)畫的顯示,對數(shù)據(jù)加以可視化解釋。與立體建模之類的特殊技術(shù)方法相比,數(shù)據(jù)可視化所涵蓋的技術(shù)方法要廣泛得多。

2、數(shù)據(jù)可視化主要旨在借助于圖形化手段,清晰有效地傳達(dá)與溝通信息。但是,這并不就意味著數(shù)據(jù)可視化就一定因?yàn)橐獙?shí)現(xiàn)其功能用途而令人感到枯燥乏味,或者是為了看上去絢麗多彩而顯得極端復(fù)雜。為了有效地傳達(dá)思想概念,美學(xué)形式與功能需要齊頭并進(jìn),通過直觀地傳達(dá)關(guān)鍵的方面與特征,從而實(shí)現(xiàn)對于相當(dāng)稀疏而又復(fù)雜的數(shù)據(jù)集的深入洞察。然而,設(shè)計(jì)人員往往并不能很好地把握設(shè)計(jì)與功能之間的平衡,從而創(chuàng)造出華而不實(shí)的數(shù)據(jù)可視化形式,無法達(dá)到其主要目的,也就是傳達(dá)與溝通信息。

3、數(shù)據(jù)可視化與信息圖形、信息可視化、科學(xué)可視化以及統(tǒng)計(jì)圖形密切相關(guān)。當(dāng)前,在研究、教學(xué)和開發(fā)領(lǐng)域,數(shù)據(jù)可視化乃是一個(gè)極為活躍而又關(guān)鍵的方面?!皵?shù)據(jù)可視化”這條術(shù)語實(shí)現(xiàn)了成熟的科學(xué)可視化領(lǐng)域與較年輕的信息可視化領(lǐng)域的統(tǒng)一。而 HT 擁有一套完整豐富的 2D 組態(tài)可供用戶快速上手搭建,展示上擁有獨(dú)特的主題風(fēng)格設(shè)計(jì),在各種比例下不失真,加上布局機(jī)制,解決了不同屏幕比例下的展示問題。通過數(shù)據(jù)對接的載入,可以搭建出一套完整的數(shù)據(jù)可視化系統(tǒng)的解決方案,應(yīng)多各種行業(yè)上數(shù)據(jù)展示的需求。

一、主題風(fēng)格的多樣化

HT 的設(shè)計(jì)上擁有獨(dú)特的設(shè)計(jì)風(fēng)格,擁有多種主題可供選擇,大體上不僅有清新簡潔的淡色風(fēng)格,也有酷炫科技的深色風(fēng)格,搭配上用戶的項(xiàng)目需求,可以打造出用戶獨(dú)有專屬設(shè)計(jì)。在動(dòng)畫交互上,HT 的實(shí)現(xiàn)跟風(fēng)格設(shè)計(jì)上同樣地出彩,結(jié)合風(fēng)格上的主題展示,融合出一套適用于各種屏幕下,風(fēng)格主體鮮明以及動(dòng)畫交互舒適的數(shù)據(jù)可視化大屏展示。

主題風(fēng)格的實(shí)現(xiàn),是建立在 HT 特有的圖紙?jiān)O(shè)計(jì)機(jī)制下,在數(shù)據(jù)可視化系統(tǒng)實(shí)施的過程中,可以應(yīng)用于各種屏幕的分辨率下。比如系統(tǒng)設(shè)計(jì)過程中,可以在個(gè)人電腦的顯示器下進(jìn)行圖紙的設(shè)計(jì)和程序代碼的調(diào)試開發(fā),而當(dāng)開發(fā)階段完成后,在現(xiàn)場大屏的布置搭建或者在用戶展示的時(shí)候,不用去擔(dān)心關(guān)于分辨率的變化會(huì)出現(xiàn)的失真模糊的問題,從而在項(xiàng)目的開發(fā)和搭建上,用戶的使用相對地會(huì)簡單很多。加上 HT 自身研發(fā)的開發(fā)插件 API 也同樣地易于上手,可以實(shí)現(xiàn)解決許多行業(yè)上的數(shù)據(jù)可視化系統(tǒng)的應(yīng)用。

二、響應(yīng)式(自適應(yīng))布局

布局功能一直是數(shù)據(jù)可視化大屏的重要功能點(diǎn)之一,舒適的布局界面,可以使人擁有煥然一新的感覺,擁有響應(yīng)式(自適應(yīng))布局的話,可以兼顧各種比例大小下的屏幕,不會(huì)因?yàn)楸壤淖兓沟谜w的排版錯(cuò)亂。布局功能不僅適用于大屏的整體排版上,在三維場景數(shù)據(jù)可視化系統(tǒng)搭配的左右系統(tǒng)數(shù)據(jù)面板上,依然可以使用 2/3D 融合嵌套的形式完成,而在面板的排列上也可以使用響應(yīng)式(自適應(yīng))布局,可以將搭載的數(shù)據(jù)充分地顯示出來。

但自動(dòng)布局不是銀彈,復(fù)雜的情況還是需要手工布局,或業(yè)務(wù)上做必要的妥協(xié),甚至根據(jù)業(yè)務(wù)編寫特殊的排布算法才能達(dá)到最佳效果,HT 自身擁有一套適應(yīng)各種場合的布局機(jī)制,可供用戶在一些特殊的布局效果上完成特定的布局。

三、動(dòng)畫效果的過渡

不同的動(dòng)畫會(huì)添加更多有趣的交互體驗(yàn),一個(gè)舒適的面板交互,也必然離不開動(dòng)畫的實(shí)現(xiàn)。優(yōu)秀的數(shù)據(jù)可視化系統(tǒng)亦然如此,通過面板搭載數(shù)據(jù)的呈現(xiàn),一方面數(shù)據(jù)的變動(dòng)驅(qū)使動(dòng)畫交互來體現(xiàn),另一方面動(dòng)畫交互還可以依附在懸浮、點(diǎn)擊以及雙擊等用戶體驗(yàn)上來表現(xiàn),從而達(dá)到用戶視覺和體檢的最大限度提升。

其中動(dòng)畫效果上的實(shí)現(xiàn),可以匹配自己的需求在 HT 原有的動(dòng)畫函數(shù)上進(jìn)行封裝,例如實(shí)現(xiàn)淡入淡出、裁剪、搖晃、旋轉(zhuǎn)以及數(shù)值的跳動(dòng)等實(shí)現(xiàn)效果,我們可以在動(dòng)畫的函數(shù)封裝上下功夫。而這些動(dòng)畫主要是通過封裝了一個(gè) setValue() 方法來設(shè)定動(dòng)畫效果實(shí)現(xiàn)的時(shí)候,通過屬性參數(shù)變化的值設(shè)定動(dòng)畫運(yùn)作的效果。其中通過一些參數(shù)值的傳入,并且根據(jù)對 data 節(jié)點(diǎn)的類型判斷來對應(yīng)地去設(shè)定屬性值。通過設(shè)定動(dòng)畫屬性值的封裝后,我們可以封裝一些動(dòng)畫效果來調(diào)用以上 setValue() 的方法來實(shí)現(xiàn)許多動(dòng)畫效果。

例如,我們通過封裝一個(gè)裁剪的動(dòng)畫函數(shù),只需要傳入動(dòng)畫節(jié)點(diǎn) data、用戶自定義函數(shù) easing 以及時(shí)間 duration 來驅(qū)使裁剪屬性 clip.percentage 在動(dòng)畫設(shè)定值的方法調(diào)用,就能完成裁剪動(dòng)畫的實(shí)現(xiàn)。而在其他的交互動(dòng)畫下也是依靠 HT 的動(dòng)畫函數(shù)來封裝對應(yīng)交互動(dòng)畫。

動(dòng)畫的用處是為了使變動(dòng)的數(shù)據(jù)視覺上感官,擁有舒適的感覺。而數(shù)據(jù)的搭載是數(shù)據(jù)可視化系統(tǒng)最關(guān)鍵的部分,一個(gè)解決方案的實(shí)施是對于一套行業(yè)上用戶數(shù)據(jù)的管理和維護(hù)的體現(xiàn),所以在數(shù)據(jù)對接的部分是至關(guān)重要的,而 HT 的數(shù)據(jù)搭載可以適應(yīng)現(xiàn)在所有主流開發(fā)的數(shù)據(jù)對接的方案,不用過多地?fù)?dān)心數(shù)據(jù)對接的問題,只需通過后端平臺(tái)所采集的數(shù)據(jù)進(jìn)行系統(tǒng)數(shù)據(jù)的接入,就可以使數(shù)據(jù)可視化嵌入靈魂。

身處大數(shù)據(jù)時(shí)代的我們,有著許多的數(shù)據(jù)集等著我們?nèi)グl(fā)掘,通過一系列的數(shù)據(jù)分析,可以明白很多事件發(fā)展的趨勢走向,不僅可以帶來更好的生活體驗(yàn),也能通過數(shù)據(jù)預(yù)測事件發(fā)生的方向。在信息時(shí)代發(fā)展迅速的前提下,數(shù)據(jù)是當(dāng)今重要的信息載體,可以通過數(shù)據(jù)的捕獲,通過監(jiān)管和維護(hù)去了解一個(gè)行業(yè)下關(guān)于工業(yè)管控下的數(shù)據(jù)可視化系統(tǒng)。

HT 在許多行業(yè)的經(jīng)驗(yàn)積累下,以及自主研發(fā)并通過不斷完善的產(chǎn)品,實(shí)現(xiàn)了一套又一套精美的數(shù)據(jù)可視化解決方案,例如:換熱站最酷設(shè)計(jì)—— Web SCADA 工業(yè)組態(tài)軟件界面,擁有兩種不一樣的主題風(fēng)格所搭建,有興趣的小伙伴可以了解一下有關(guān)數(shù)據(jù)可視化的經(jīng)典案例。

fqj

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報(bào)投訴
收藏 人收藏

    評論

    相關(guān)推薦
    熱點(diǎn)推薦

    5.6英寸工業(yè)TFT高清智能串口 640*480分辨率終端顯示器彩色LCD顯示

    5.6英寸工業(yè)TFT高清智能串口 640*480分辨率終端顯示器彩色LCD顯示
    的頭像 發(fā)表于 02-19 10:07 ?512次閱讀
    5.6英寸工業(yè)TFT高清智能串口<b class='flag-5'>屏</b> 640*480<b class='flag-5'>分辨率</b>終端顯示器彩色LCD顯示<b class='flag-5'>屏</b>

    什么是大數(shù)據(jù)可視化?特點(diǎn)有哪些?

    數(shù)據(jù)可視化是指通過大屏幕展示大量數(shù)據(jù)和信息,以直觀、可視化的方式幫助用戶理解和分析數(shù)據(jù)。這種展示方式通常用于展示復(fù)雜的數(shù)據(jù)集、實(shí)時(shí)監(jiān)控系統(tǒng)、企業(yè)管理儀表盤等。以下是關(guān)于 大數(shù)據(jù)
    的頭像 發(fā)表于 12-16 16:59 ?588次閱讀

    可視化在水務(wù)領(lǐng)域都有哪些應(yīng)用場景?帶你一次看透!

    隨著科技的發(fā)展,大數(shù)據(jù)和可視化技術(shù)逐漸成為水務(wù)領(lǐng)域的有力助手。博達(dá)智聯(lián)可視化設(shè)計(jì)平臺(tái)以其高度自定義、功能強(qiáng)大、多種圖表的特點(diǎn),為水務(wù)行業(yè)提供了全新的解決方案。本文將詳細(xì)探討該平臺(tái)在
    的頭像 發(fā)表于 12-13 17:09 ?666次閱讀
    <b class='flag-5'>可視化</b>大<b class='flag-5'>屏</b>在水務(wù)領(lǐng)域都有哪些應(yīng)用場景?帶你一次看透!

    如何找到適合的大數(shù)據(jù)可視化系統(tǒng)

    選擇合適的大數(shù)據(jù)可視化系統(tǒng)是企業(yè)或組織在數(shù)字轉(zhuǎn)型過程中至關(guān)重要的一步。一個(gè)優(yōu)秀的大數(shù)據(jù)可視化系統(tǒng)能夠?qū)崟r(shí)呈現(xiàn)關(guān)鍵業(yè)務(wù)數(shù)據(jù),提升決策效率
    的頭像 發(fā)表于 12-13 15:47 ?389次閱讀

    智慧能源可視化監(jiān)管平臺(tái)——助力可視化能源數(shù)據(jù)管理

    博達(dá)可視化設(shè)計(jì)平臺(tái)在智慧能源領(lǐng)域的價(jià)值體現(xiàn)在實(shí)時(shí)監(jiān)控、數(shù)據(jù)可視化、決策支持和效率提升等方面。借助該平臺(tái),企業(yè)可以輕松搭建智慧能源類可視化
    的頭像 發(fā)表于 11-29 10:00 ?810次閱讀
    智慧能源<b class='flag-5'>可視化</b>監(jiān)管平臺(tái)——助力<b class='flag-5'>可視化</b>能源數(shù)據(jù)管理

    數(shù)字孿生3D大可視化技術(shù)應(yīng)用優(yōu)勢

    數(shù)字孿生3D大可視化技術(shù)是一種融合虛擬現(xiàn)實(shí)、增強(qiáng)現(xiàn)實(shí)和大數(shù)據(jù)等技術(shù)的創(chuàng)新型可視化工具,為用戶提供了沉浸的交互體驗(yàn),同時(shí)能夠在大屏幕上展示
    的頭像 發(fā)表于 07-31 15:05 ?852次閱讀

    可視化數(shù)據(jù)大的制作流程

    制作可視化數(shù)據(jù)大是一項(xiàng)涵蓋數(shù)據(jù)分析、設(shè)計(jì)和技術(shù)實(shí)現(xiàn)的復(fù)雜任務(wù)。從數(shù)據(jù)處理到展示呈現(xiàn),每個(gè)步驟都至關(guān)重要。下面將詳細(xì)介紹可視化數(shù)據(jù)大的制作流程,包括數(shù)據(jù)準(zhǔn)備、設(shè)計(jì)階段和技術(shù)實(shí)現(xiàn)。 ?
    的頭像 發(fā)表于 07-24 13:57 ?822次閱讀

    P2.5LED顯示參數(shù)、分辨率、功率

    為主。 LED顯示P2.5參數(shù)/分辨率/功率 2、前維護(hù)安裝 LED顯示P2.5的產(chǎn)品采用的是磁吸的模組,支持前
    的頭像 發(fā)表于 07-01 23:08 ?4521次閱讀

    數(shù)據(jù)可視化 開源

    在當(dāng)今信息爆炸的時(shí)代,數(shù)據(jù)已經(jīng)成為各個(gè)行業(yè)決策制定和業(yè)務(wù)發(fā)展的關(guān)鍵。為了更直觀、準(zhǔn)確地理解和利用海量數(shù)據(jù), 大數(shù)據(jù)可視化 成為一種強(qiáng)大的工具。通過將數(shù)據(jù)以圖表、圖形等形式展示在大屏幕上,不僅
    的頭像 發(fā)表于 06-27 16:06 ?651次閱讀
    大<b class='flag-5'>屏</b>數(shù)據(jù)<b class='flag-5'>可視化</b> 開源

    如何實(shí)現(xiàn)園區(qū)大可視化?

    如何實(shí)現(xiàn)園區(qū)大可視化? 1.建立孿生模型:首先需要建立園區(qū)的孿生模型,即一個(gè)數(shù)字的虛擬模型,反映了園區(qū)的實(shí)際情況、結(jié)構(gòu)、設(shè)備、人員等信息。這個(gè)模型可以通過傳感器、監(jiān)控設(shè)備、GIS 數(shù)據(jù)等實(shí)時(shí)獲取和更新,確保與實(shí)際情況保持
    的頭像 發(fā)表于 06-19 15:39 ?686次閱讀
    如何實(shí)現(xiàn)園區(qū)大<b class='flag-5'>屏</b><b class='flag-5'>可視化</b>?

    物聯(lián)網(wǎng)時(shí)代,為什么需要可視化數(shù)據(jù)大

    在互聯(lián)網(wǎng)和大數(shù)據(jù)時(shí)代,工業(yè)領(lǐng)域日益增長的數(shù)據(jù)量越來越離不開數(shù)據(jù)分析的支持,可視化數(shù)據(jù)大便是集中數(shù)據(jù)并展示出來的重要平臺(tái),能夠?qū)⒏鱾€(gè)工廠、車間、設(shè)備的數(shù)據(jù)集中并實(shí)現(xiàn)可視化分析,讓管理層更好的了解生產(chǎn)
    的頭像 發(fā)表于 06-18 13:53 ?650次閱讀
    物聯(lián)網(wǎng)時(shí)代,為什么需要<b class='flag-5'>可視化</b>數(shù)據(jù)大<b class='flag-5'>屏</b>

    智慧大是如何實(shí)現(xiàn)數(shù)據(jù)可視化的?

    智慧大,作為數(shù)據(jù)可視化的重要載體,已在城市管理、交通監(jiān)控、商業(yè)運(yùn)營等領(lǐng)域廣泛應(yīng)用。本文旨在闡述智慧大實(shí)現(xiàn)數(shù)據(jù)可視化的關(guān)鍵技術(shù)和方法,包括數(shù)據(jù)源管理、數(shù)據(jù)處理、視覺編碼、用戶界面與交
    的頭像 發(fā)表于 06-04 15:02 ?925次閱讀
    智慧大<b class='flag-5'>屏</b>是如何實(shí)現(xiàn)數(shù)據(jù)<b class='flag-5'>可視化</b>的?

    數(shù)據(jù)可視化的作用和意義

    數(shù)據(jù)可視化是指利用大屏幕設(shè)備展示數(shù)據(jù)信息,通過圖表、圖像、動(dòng)畫等視覺手段將數(shù)據(jù)呈現(xiàn)出來,以便用戶能夠直觀、清晰地理解數(shù)據(jù)背后的含義和關(guān)聯(lián)。在信息化時(shí)代,數(shù)據(jù)已經(jīng)成為企業(yè)決策和運(yùn)營的重要依托,而
    的頭像 發(fā)表于 06-03 17:56 ?1013次閱讀

    三維可視化數(shù)據(jù)大的設(shè)計(jì)原理和技巧

    三維可視化數(shù)據(jù)大設(shè)計(jì)面向交通、園區(qū)、城市、建筑、應(yīng)急等領(lǐng)域的客戶,以孿生可視能力賦能,提供行業(yè)解決方案。雙渲染引擎,1:1還原真實(shí)世界,在模型運(yùn)行流暢的基礎(chǔ)上
    的頭像 發(fā)表于 05-30 17:09 ?790次閱讀