翻譯|使用教程|編輯:楊鵬連|2020-10-26 11:07:53.547|閱讀 630 次
概述:如果有必要在特定時間范圍內直觀地呈現數據,那么JavaScript時間線圖(或圖表)正是您所需要的。此類圖表是一種有效的方式,可以顯示按時間順序排列的各種過程。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
dhtmlxSuite是一個用JavaScript建立的富客戶端開發框架。它是一個JavaScript UI庫,用于建立一個完整的具有Ajax能力的前臺組件。用戶可以使用它建立一個企業級的跨瀏覽器Web應用和移動應用程序,它能提供優秀的性能和更豐富的用戶體驗。
如果有必要在特定時間范圍內直觀地呈現數據,那么JavaScript時間線圖(或圖表)正是您所需要的。此類圖表是一種有效的方式,可以顯示按時間順序排列的各種過程。
該數據可視化工具具有廣泛的應用范圍。它通常用于教育目的,歷史研究和自然科學中。隨著計算機技術的飛速發展,時間表在商業領域也得到了極大的普及。
項目管理應用程序中的JavaScript時間線圖表
使用時間線已成為面向業務的應用程序的關鍵支柱,因為任何項目通常都包含與時間有關的任務和事件。對項目活動的整體了解可以清楚地了解項目的過去和當前狀況,并可以制定未來計劃。
這就是為什么商人(尤其是項目經理)經常依賴時間線功能進行路線圖或項目組合管理,而在計劃工具(如項目日歷和甘特圖)中更頻繁地使用它的原因。
可以使用Excel,PowerPoint,MS Project或各種在線服務來創建基本的時間表圖表。但是,如果您想構建一個具有項目管理功能但沒有外部依賴性的Web應用程序,并為最終用戶削減昂貴的第三方許可證的成本,則可以嵌入特殊的JavaScript時間軸庫,例如DHTMLX Gantt和Scheduler。
DHTMLX Gantt中的JavaScript時間線功能
實際上,甘特圖是描述項目工作流程的時間表的一種形式。它可以幫助項目經理安排任務,在員工之間分配任務以及監視其完成情況。但最重要的是,甘特圖提供了指定任務之間的依存關系并計算關鍵路徑的機會,從而為管理團隊提供了所有必要的數據,以便及時完成項目。
DHTMLX HTML5甘特圖為JavaScript時間軸提供了多種時間配置變體。甘特圖可以具有不同時間單位(年,月,周等)的任意數量的時間刻度??梢远x要在屏幕上顯示的特定時間范圍和時間步長。例如,您可以在每月時間范圍內設置每日或每周時間步長,甚至可以指定一天內以分鐘為單位的時間軸。此外,您可以通過添加自定義時間單位(例如會計季度和年份)來完全根據需要調整時間范圍。
為了使處理大量數據更加方便,DHTMLX Gantt小部件允許使用鼠標滾動條快速瀏覽時間線。
拖動甘特語JavaScript時間線圖使用鼠標滾動條瀏覽時間線。
利用特殊的縮放模塊,用戶可以在甘特圖刻度之間切換,甚至可以使用鼠標滾輪縮放時間線。
時間軸刻度的其他方面(例如高度,日期格式和樣式)也可以根據用戶的需求進行修改。
在DHTMLX Gantt的有用的JavaScript時間軸設置中,可以僅顯示工作時間并隱藏不必要的日期(例如周末)。
得益于靈活的布局,甘特圖可以補充其他網格和時間表。例如,可以將資源面板添加到用于管理項目資源的默認時間軸。它有助于實現更有效的資源分配和平衡的工作量強度。
DHTMLX Scheduler中的JavaScript時間線視圖
如果要在項目中可視化約會,事件或關鍵里程碑,而又不顯示其復雜性(例如任務關系),那么最好選擇DHTMLX JavaScript事件日歷。DHTMLX Scheduler的主要特點是可提供10個事件日歷視圖,這些視圖可滿足最終用戶有關顯示重要項目任務的所有需求。JavaScript時間軸視圖是使用最廣泛的視圖之一,旨在展示沿時間軸分配給資源的事件或任務。在資源下,我們通常是指負責任務的項目成員,進行約會的會議室或可供預訂的住宿和車輛。
時間軸視圖具有四種模式:條形,天,單元格和樹形。在條形模式下,事件是在條形的幫助下繪制的,可能會占用多個時隙。天模式使開發人員可以將天顯示為時間軸行。單元模式說明了單元矩陣中的事件??梢栽谕惶熘付ǘ鄠€事件,并且在單元格中顯示指定事件的數量。樹模式允許在Y軸上以分層樹結構組織資源。例如,“時間軸”視圖可以演示部門以及每個部門中員工的工作。
作為甘特圖庫,DHTMLX Scheduler支持智能呈現,從而顯著增強了時間軸視圖的性能。它在數據密集型項目中非常有用。
在處理不同事件時,項目管理辦公室可以利用DHTMLX Scheduler中嵌入的許多有用功能,例如重復事件,自定義工具提示,多部分事件,多語言支持等。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自: