Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
ashboard是一種商業(yè)智能儀表盤,主要用于企業(yè)展示度量信息和關鍵業(yè)務指標(KPI)現狀的數據虛擬化工具。
Dashboard作為億信ABI應用于前端展示的方式之一,其信息豐富、顯示直觀,并且還有良好的交互方式,通過熱區(qū)式鉆取刷新局部的表或圖。如下圖所示:
如何制作出好看又實用有效的dashboard呢?
下面小編以億信ABI為例,制作一張dashboard,來展示“全國醫(yī)療機構經費收支概況”的情況,gogogo
Dashboard要美觀,我們就需要用到報表的布局,具體做法參考“報表布局”章節(jié),制作如下布局界面
添加下圖分析表格,根據行政區(qū)劃浮動出各省的出院以及住院人數(GRID1),“顯示”設置為顯示,
浮動表元設置鉆取(具體操作參考“鉆取”章節(jié)),選擇“熱區(qū)式”,設置如下:
添加分析表(GRID2),如下圖,“顯示”設置隱藏
設置地圖的屬性,地圖類型選擇中國HTML5,區(qū)域綁定表元選擇grid1的A2表元,匹配規(guī)則:文字優(yōu)先,如下圖:
添加統(tǒng)計圖具體操作參考“統(tǒng)計圖”章節(jié),效果如下:
其中,柱狀圖的數據源設置如下:
餅圖設置如下:
這樣,一張簡單的dashboard就制作完成了,來看下效果吧
ABI是億信華辰自主研發(fā)的一站式數據分析工具,融合了數據源適配、ETL數據處理、數據建模、數據分析、數據填報、工作流、門戶、移動門戶等核心功能而打造的一站式數據處理分析平臺。
既可以為實施人員提供面向數據倉庫的數據分析展現,也可以為業(yè)務人員提供自助式數據分析能力,全方位滿足用戶的數據應用場景。
原創(chuàng)文/寒樹Office 圖/ACE
引文:平滑切換是PowerPoint 中全新的動畫引擎。在這里,物體、圖像、文字和字符都可以輕松的實現跨幻燈片位置移動和效果的變化。因為它是智能的,所以你無需掌握復雜的動畫設計。只要有足夠的創(chuàng)意,即使是小白也可以創(chuàng)造出強大的動畫效果。平滑切換不僅僅用來吸引注意力,它提供了一種新的視覺手段來輕松地解釋復雜事物,這是一種廣泛應用于電影行業(yè)的技術。
圖注:平滑切換
傳統(tǒng)的 PPT 動畫有兩種自定義動畫和切換動畫,從 PowerPoint 2003就己經存在,而平滑切換只要 PowerPoint 2016以上的新版本中存在。
除此之外,還有四種非傳統(tǒng)意義的動畫,VBA動畫、函數動畫、縮進放動畫和3D動畫,如需了解更多詳情,敬請關注頭條號"史記微軟"的"PPT中的數學"系列。
自定義動畫
自定義動畫是應用在 PPT 對象上的一組效果,使得對象在幻燈片放映中進行動畫處理。自定義動畫效果分為四類:進入、退出、強調和路徑。進入效果在幻燈片放映期間進入動畫;退出效果讓對象使用動畫離開幻燈片;強調效果可以在過程中處理動畫;路徑效果允許對象在幻燈片放映中移動。每個效果包含變量,如開始(點擊,有前一個,后一個),延遲,速度,重復和觸發(fā)。這使得動畫更靈活,更具交互性。
切換動畫
切換動畫類似自定義動畫。不同的是切換動畫只能應用單張幻燈片,它的本意是指一張幻燈片到下一張幻燈片的切換過程。傳統(tǒng)的切換,都是一些普通的轉場切換,常用如推進、淡出、平移、旋轉等效果,在2013版中添加了不少酷炫的切換模式,但是太過炫酷很多看起來不實用。
平滑切換
平滑切換是一種特別的效果類型的切換動畫,可以在幻燈片上實現平滑的動畫、切換和對象移動。它可以幫你在PowerPoint中做出各種對象(如文本、形狀、圖片、SmartArt、藝術字以及圖表)的切換效果。如此炫酷的動畫,在動畫窗格里卻什么都看不到。
名稱的演化
平滑切換(morph transition)并非最早的名稱,微軟一向隨意調整功能的命名的傳統(tǒng)。最初的名稱"變體"來自英文名稱" Morph" 的直譯,大概是被吐槽太多了后改名為"變形",現在又稱之為"平滑",而小編個人以為"變體"或"變形"較為貼切。而最早提出"平滑"這個概念的則是 Flash 軟件中的"變形動畫",出現在蘋果電腦的 Keynote 中,稱之為"神奇移動",現在被微軟 PowerPoint 借鑒并引入。
傳統(tǒng)動畫的缺點
雖然可以使用自定義動畫來輕松創(chuàng)建動畫,但是由于缺少關鍵幀和補間過程,使得 PPT 動畫在設置時比專業(yè)動畫程序(如 Flash)要更加繁瑣。切換動畫雖然設置簡單,卻也只能實現兩頁之間的整體像素的變化,無法在對象的級別上進行變化。平滑切換則是披著切換的皮,實則是一種全新的動畫模式。
與傳統(tǒng)動畫的對比
平滑切換可以部分替代自定義動畫中的效果,比如移動(直線)、縮放、大小、旋轉、顏色(透明)淡入(淡出)、飛入(飛出)等。缺少完全路徑動畫和濾鏡功能。但是可以實現自定義動畫中所沒有的變形動畫、和3D變形。
平滑切換的優(yōu)點
平滑是一種非常有趣的轉場形式,利用它 ppt 會自動識別兩張幻燈片之間同類的元素,包括相同的單詞/字符、同類型的形狀、同源的圖片、同源的3D模型等,然后在轉場時完成字體、顏色、大小、位置、角度等屬性的的漸變(用線性插值的方法)。
如果存在多個對應的可能,優(yōu)先采取近似原則,其次采取就近原則(頂點間最短距離)進行變換。總之這是非常人性化的設置,有種 flash 動畫的感覺,但又完全不需要對每個元素進行單獨設定,完完全全是傻瓜式操作!
簡單地來說,如果前后兩張幻燈片有共同的內容,這項功能就能自動想辦法讓這兩張幻燈片的過渡更自然、美觀和帥氣。而平滑切換效果可以在連續(xù)多張幻燈片之間使用,效果卻仿佛是在同一張幻燈片中千變萬化,不會讓人產生跳躍感,這或許更能體現微軟"平滑"的命名吧。
歷次更新
圖注:詳細的更新列表:
變形算法
變形(Morphing)又稱二維形體漸變,是指從初始物體到目標物體的連續(xù)、光滑、自然的過渡(這里的物體可以是數字圖像、多邊形、多面體等),即需要由兩個初始的關鍵幀自動生成連續(xù)變化的中間幀。其算法是給定一個初始和最終的多邊形(關鍵幀),求初始多邊形光滑過度到終止多邊形的中間漸變過程,它包核兩個核心問題:頂點對應問題(實現二維多邊形之間的對應)、頂點插值路徑問題(解決過渡多邊形的位置)。變形動畫要點是操作每個頂點的移動。算法的目標包括:多邊形之間實現光滑過渡;多邊形避免發(fā)生自交、收縮、內部區(qū)域扭曲等不自然現象;盡可能保留源和目標多邊形上的視覺特征。
對應問題
對應問題是建立初末兩物體的元素(如頂點、邊等)之間的對應關系,在兩個多邊形頂點個數不同時,如何加入新的頂點與如何建立頂點間的對應關系。總的來說,一個好的頂點對應滿足如下兩個要求:
兩個形體之間最終的頂點個數相同、一一對應,并且頂點對應與頂點排列順序是一致的;相似特征問的頂點一一對應。
路徑問題
在變形過程中研究對應元素的變形軌跡,但是不同的變形軌跡是由于插值不同的變量產生,因此軌跡問題也稱為插值問題。路徑問題用來解決源多邊形上的各頂點如何運動到目標多邊形上的對應頂點。平滑切換采用了簡單的線性插值法,不幸的是線性插值方法會帶來收縮(Shrinkage)和扭結現象(Kink),特別是源、目標形體間主要進行剛性運動(旋轉、平移)時,表現得尤為明顯。
形狀對應法則
同型相同原則:同類型的對象之間才會有變體效果。線條、形狀、圖形、圖片、曲線、文字、3D、SmartArt對象、圖表和組合。否則不能配對。
種類相同原則:線條、形狀須種類相同,圖形、圖片、3D須同源,文字須字或詞相同,組合的成員須相同,否則不能配對。曲線無要求。
文字相同原則:含相同文字(前后空格不算)的形狀和曲線進行配對,文字不同不配對。
屬性相同原則:除了位置、大小和角度(含翻轉)外,線條的所有屬性要求相同,連接符的連接點也要相同。
屬性相似優(yōu)先:除了位置、大小和角度(含翻轉)外,屬性相近的優(yōu)先配對,比如邊框。優(yōu)先級高于距離相近原則。
距離相近優(yōu)先:距離相同和較近的優(yōu)先配對。距離指對象中心之間距離。
關于iSpring
從 iSpring 8.5版開始,iSpring PPT-to-HTML5 工具支持平滑切換。iSpring是第一個將這種復雜效果轉換為 HTML5 格式的電子學習創(chuàng)作工具。這是一項非常了不起的工作,對算法的掌控有很高的要求,小編曾經償試過,但是己失敗而告終。如果想理一步了解平滑切換的實現原理,不妨看看 iSpring 的實現效果,主要是 JS 代碼部分。
在任何一個圖中你看不到從一張幻燈片到另一張幻燈片的移動。這種變化是漸進的和微妙的,不是突然發(fā)生。你會看到形狀,位置和顏色從第一個對象緩慢變形到第二個對象。該功能實現起來非常簡單,唯一真正的限制是您自己的想象力。
功能選擇
圖示:使用平滑切換
若要有效地使用平滑切換效果,你將需要兩個以上的幻燈片,至少有一個以上的共性對象。最簡單方法是復制當前幻燈片(Ctrl-D),或復制上頁幻燈片上的對象到第下頁。若要查看哪些平滑效果,可以點擊幻燈片縮略圖上的"*"進行預覽。具體如下:
操作:【RIBBON】→【切換】>選中【平滑】。
功能選項
圖注:效果選項
效果屬性設置:平滑切換可設置三種效果屬性,分別是對象、文字(單詞)、字符(字母)。準確來說是這調整對象的粒度,決定了切換時文本框整體變化,亦或是按單詞(字符)來變化。對中文而言,后面二者沒有區(qū)別。英文和數字的情況下,字符與字母又是不同的粒度。
動畫時長的設置:與普通的切換動畫一樣,用來設置平滑切換動畫的持續(xù)時間。
形狀轉矢量
圖注:轉換為任意多邊形
根據"種類相同原則",只有同一類型的形狀之間才可以實現平滑切換效果。不同類型的形狀之間,實現平滑切換效果,需要做一點小處理,借助曲線這個中間橋梁,實現平滑切換效果。
實現形狀轉矢量的功能,有三種方法:編輯頂點法、布爾運算法和隱藏功能法,而使用PPT的隱藏功能"轉換為任意多邊形"最為方便。需要借助PPT的隱藏功能"轉換為任意多邊形"。在"不在功能區(qū)的命令"中找到"轉換為任意多邊形"添加到快捷欄備用。
兼容舊版本
圖注:動畫轉錄
平滑切換是在 PowerPoint 2016 和 Office 365中才有的新功能,老版本中演示將失平滑切換的動畫效果。解決方案是將平滑切換導出為視頻,然后將該視頻放在幻燈片上。這很簡單,而且看起來與任何版本的 PowerPoint 完全一樣。
在兩個或多個幻燈片之間創(chuàng)建變形過渡。如果幻燈片是較大演示文稿的一部分,請使用其他名稱保存文件,然后刪除除變形幻燈片之外的所有文件。將變形幻燈片導出為視頻。將視頻插入演示文稿。 將視頻設置為自動啟動,并在視頻停止后將幻燈片設置為自動切換。
Islide 中的補間動畫
圖注:補間動畫
菜單欄中打開 iSlide ,在"動畫"組中可以看到"補間動畫"選項。可以對各種屬性進行插值設置。在沒有平滑切換功能時,是不錯的替代選擇。缺點是會生成大量的中間元素,增加了文件大小。
Sqirlz Morph
Sqirlz Morph
使用此工具創(chuàng)建變形效果,Sqirlz Morph允許你在多個圖像上標記要素,并且程序會混合圖像,使一個圖像上的每個要素平滑移動到其他圖像上的相應要素。Sqirlz Morph的最大優(yōu)勢之一是它易于使用。除了圖片之外,Sqirlz Morph的一個特權是你可以將動畫保存為 AVI、Flash和GIF。Sqirlz Morph 是一個漂亮的程序,可以讓任何級別的用戶將多個圖像變換為一個復合圖像。
平滑切換 VS Prezi
圖注:Prezi軟件
Prezi 比 PowerPoint 晚了近20年,采用了一種截然不同的演示方法。Prezi 不是基于 2D 頁面構建的,而是提供了無限大小的 3D 畫布。這與 PowerPoint 一張白紙的初始狀態(tài)完全不同,因此可能需要一些時間來適應。
這個非常聰明的軟件正是采用了一種更為平滑,更有吸引力的方式導航和展示他的平面圖。縮放和平移功能允許演示者在演示期間在畫布上移動,從而將觀眾的注意力集中在特定點上,同時允許演示者顯示"大圖"。
隨著 PowerPoint 推出平滑切換。這個新功能為觀眾提供了一個無限畫布(類似于 Prezi)的外觀,盡管實際上它是由許多幻燈片構建的。通過平滑切換,你同樣可以在一個無縫過渡中移動,放大或更改眾多對象的外觀。Prezi 中的經驗可以運作到平滑切換之中,需要一些技巧來處理,比如用更多的幻燈片來模擬無限畫布。
準備階斷
變形可以以多種方式使用,你可以更改一個或多個參數:對象的位置,顏色,大小或形狀,以創(chuàng)建引人注目的效果。可以輕松顯示動作,放大和縮小以及更改形狀。
對象出現以下三種情況:
形狀中心點進行位置平移;形狀大小則進行拉伸。以上漸變過程均按照插值算法。
處理技巧
平滑的玩法很多,但是如果想要達成一些相對特殊的效果,那還是需要一點調校手法。
移動對象
使用變形,你可以比使用熟悉的運動路徑更快地更改對象在幻燈片上的位置。當幻燈片上有多個對象并為每個對象設置運動路徑需要數小時時,它可以節(jié)省時間。可以采取多個幻燈片,連續(xù)變換。例如,你可以移動拼圖。
可替代動畫效果:直接動作路徑
文字變化
可以編輯文字的對象(形狀、圖形)既可以進行對象變體也可以進行字數和字符數的變體。對象、字數、字符數的變體,不可同時進行。一旦你有了字母(字符),只需重新格式它們,平滑切換將自動配對變形。比如將單詞中的字符重新排列以創(chuàng)建字謎效果。
改更屬性:
并不局限于運動、大小、旋轉等,你還可以更改對象的顏色,形狀效果等。
效果和動畫的建議
相同形狀之間變形
默認情況下,只有同一類型的形狀之間才可以實現平滑切換效果,比如五角星和五角星之間,矩形和矩形之間等等,通過更改第二頁形狀的大小、位置、填充顏色,可以實現頁面間的平滑過渡。
不同形狀之間變形
不同類型的形狀之間,該如何實現平滑切換效果呢?這里需要做一點小處理,將它們首先都轉為任意多邊形,借助任意多邊形這個中間橋梁,實現平滑切換效果。
圖片之間的變形
或使用小編的 Office 插件(HST,寒樹工具箱)一鍵生成。
圖表對象
根據平滑切換的使用方法,兩張幻燈片里有同一個圖表對象(比如柱狀圖),正常情況下,更改圖表的數據后,并沒有長方形變短變長的平滑效果,僅僅只有漸變效果。
圖表需要解組后打散,線和圖形框成為獨立的原素,正常情況下會自動匹配。如果有必要,還可以調整標題、備注等內容,平滑切換的效果就完美實現了。
3D 模型的平滑效果
使用 3D 模型增加文檔、工作簿、演示文稿和郵件中的視覺效果和創(chuàng)意效果。輕松插入 3D 模型,然后 360 度全方位旋轉。利用平滑切換功能,讓 3D 模型在 PPT 中栩栩如生,該功能可在幻燈片之間產生影視動畫效果。
與設計靈感配合
平滑切換與設計靈感搭配,形成整體的頁面變化效果。
雖然平滑切換可以很好地應用于工作中,一個物體只需移動它的位置或改變它的外觀就可以使用平滑起切換。但平滑切換始終也有一些不足:
不能控制對象:平滑切換是一個切換功能,而不是真正意義上的動畫,所以在使用平滑切換時需要前后兩張幻燈片配合使用;
沒有控制權:易用性是有代價的,我們不能去操控兩張幻燈片之間的切換。雖然大部分情況下能實現想要的效果,但是并不能完全控制;
配對的局限性:只能在同類對象之間形成動畫,對象之間的配對規(guī)則比較復雜。雖然可以通過一些小技巧來完成配對,但無形中增加了工作量;
路徑局限性:移動對象時,平滑切換始終選擇兩個對象之間的最短路徑。如果你希望對象遵循從 A 點到 B 點的特定路徑,則最佳選擇仍是使用"運動路徑" 動畫;
多對象局限性:如果你更改了多個對象,則平滑切換頁將同時應用于所有對象。如果你希望多個對象逐個更改其位置,則可以將序列分解為多個幻燈片并將變形應用于所有對象;
增加重復性:它會導致幻燈片數量增加,自然也會增加文件大小;
無法重復:在此轉換中只能更改持續(xù)時間,2秒是默認持續(xù)時間,無法像自定義動畫那樣設置重復。
圖形局限性:PPT里的圖形即SVG圖像,僅支持極個別的圖標可以匹配,男人與女人(或包含)。通過轉換為曲線來解決,但是破壞了SVG的完整性;
不能向上兼容:不支持2016之前的版本,雖然采用兼容性方法也可以達到完美播放效果,但是破壞了文件的一致性,操作上也較麻煩。
下期預告
圖注:平滑切換示例
平滑切換是一個很好的工具,但很多人都沒有注意到它的真正力量。這就是為什么小編覺得有責任向你展示它的工作原理,并提供你可以使用的所有技巧和提示,以便您自己進行更好的演示。在前一章抽象的原理課程后,讓我們一起用實踐去探索變形的力量吧!
O365智能系列
【上期】SVG圖像——為 PPT 增添視覺趣味
【下期】平滑切換——PPT動畫腦洞全開(案例篇)
視化不是單純的數據展示,其真正價值是設計出可以被讀者輕松理解的數據展示。數據與合適的圖形結合,不僅能夠讓復雜的統(tǒng)計數字簡單化、形象化,還能給讀者一種視覺的享受。
今天,就讓我們根據數據分析軟件億信ABI來解讀一下各類統(tǒng)計圖的使用場景以及優(yōu)缺點。希望掌握這11種可視化圖表,能夠快速提升和鞏固你的數據可視化展示,一起來看看吧!
適用場景:以柱子的高度用來比較兩個或以上數值之間的差異。
優(yōu)點:人眼對高度較敏感,直觀各組數據差異性,強調個體與個體之間的比較。
局限:分類過多則無法展示數據特點。
相似圖表:
系列堆積圖:系列堆積起來可以更直觀看到總數和各系列分布情況。
多系列柱狀圖:將一個維度多個指標進行比較。
百分比堆積柱狀圖:適合展示同類別的每個變量占比和分布情況。
適用場景:展示數據分布情況,比如:某一時期各個行業(yè)的銷售占比。
優(yōu)點: 直觀顯示各項占總體的占比,分布情況,強調整體與個體間的比較。
局限:分類過多,則扇形越小,無法展現圖表。
相似圖表:
· 嵌套圈餅圖:用于一個指標在不同維度的占比。
· 跑道圖:看到占比的同時,可以直觀看到指標在當前維度下的排名情況。
· 而圈餅圖和南丁格爾圖,只是普通餅圖的不同表現形式。
適用場景:根據數量的多少繪成不同的直條,通過直條中清楚的看出各省的生產值差異。
局限:分類過多則無法展示數據特點。
相似圖表:
· 堆積條形圖:比較同類別各變量和不同類別變量總和差異。
· 交錯正負軸標簽:數據有正有負,將坐標軸標簽分別放在坐標軸兩邊。比如盈虧情況、人員增減情況。
· 雙向柱狀圖:比較同類別的正反向數值差異。比如男女占比。
適用場景:以線條來動態(tài)展示各個時間段的數值,通過折線的趨勢變化,反映出銷售額變化情況。
優(yōu)點: 直觀反映數據變化趨勢
局限:無序的類別無法展示數據特點。
相似圖表:
· 階梯線圖:線在數據點之間形成一系列步驟。
· 折點曲線和平滑曲線圖,只是折線樣式不同,用來展示數據趨勢。
5、 面積圖
適用場景:面積圖除了可以像折線圖一樣表達變化趨勢,還可以通過層疊的陰影面積反映差距變化。
優(yōu)點:顏色的填充可以更好的突出趨勢信息。
相似圖表:
· 數據監(jiān)控面積圖:用于顯示每個數值所占大小隨時間或類別變化的趨勢線,展示的是部分與整體的關系。比如服務器CPU、內存等監(jiān)控場景。
· 橫向面積圖:用橫向面積來展示趨勢信息。只是與豎向面積圖的不同展現樣式。
適用場景:地圖是用顏色的深淺來展示區(qū)域范圍的數值大小。
局限:數據分布和地理區(qū)域大小的不對稱。通常大量數據會集中在地理區(qū)域范圍小的人口密集區(qū),容易造成用戶對數據的誤解。
相似圖表:
· 流向圖:展現運動軌跡。比如人員遷移、飛機航線等。
· 渲染圖:一個指標在地圖上用顏色來展現,比如天氣、人口、收入等。
· 標點圖:用描點展現數據在區(qū)域的分布情況。與渲染圖用途類似。
· Gis渲染圖:集成Gis地圖,在地圖上著色從而實現預警的一種方式。
· Gis統(tǒng)計圖:地圖與其他統(tǒng)計圖的組合,表現該指標在另一維度的分布情況。
適用場景:了解同類別的不同屬性的綜合情況,以及比較不同類別的相同屬性差異。
局限:分類過多或變量過多,會比較混亂。
相似圖形:
圓形雷達圖和多邊形雷達圖只是表現形式不一樣。
適用場景:通過氣泡圖,可以清晰的看出各產品在市場占有率的大小。
優(yōu)點: 直觀反映數據集中情況,對離散數據線性回歸等曲線預測性的擬合輔助作用
局限:數據量小的時候會比較混亂。
相似圖表:
· 散點氣泡圖:用于展示一個維度在2個變量之間關系,比如男女身高體重情況。
· 螺旋氣泡圖:一個維度按大小排列,比如收入情況。
適用場景:展現指標并分等級,用于數據預警。應用于經營數據分析、財務指標跟蹤和績效考核等方面。
局限:只適合展現數據的累計情況,不適用于數據的分布特征等。
相似圖形:
· html5占比:重點關注一個指標的當前占比情況。
· flash柱:作用同儀表盤,只是外形上有所區(qū)別。
集柱狀圖和線狀圖優(yōu)勢于一身,更加清晰展示數據之間的差異與變化趨勢。
除了基礎統(tǒng)計圖,億信ABI中還擁有各種高級統(tǒng)計圖,總有一款適合你。
億信ABI是一款融合了數據源適配、ETL數據處理、數據建模、數據分析、數據填報、工作流、門戶、移動應用等核心功能而打造的全能型數據分析平臺。其內置百余種統(tǒng)計圖,每種統(tǒng)計圖都適用于各種不同的場景,善于選擇合適的統(tǒng)計圖能夠更好的展示數據。而且在ABI中,可以通過設計與搭配,可以衍生出成千上萬種炫酷的可視化效果,讓數據更加生動!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。