這種效果自己可以基於 HTML5 和 CSS3 來實現垂直時間軸，需要循環遍歷數據，判時間軸的長度，在做一定的適配，可以響應頁面佈局，在 PC 和移動手機上做到很好的自適應，但是需要一些對前端知識有一定的瞭解。
其實，通過報表工具實現那種垂直的時間軸記錄表是很容易的，設置也很簡單，通過帶有一個帶有時間軸元素的圖片和報表的跟隨擴展功能就能輕鬆實現，不涉及到什麼前端知識，具體可以參考看下這篇文 報表工具怎麼製作帶有時間軸的記錄表? ；就 PC 和移動端展現來說，潤乾報表提供了自適應頁面，不需要做過多的適配，使用自適應頁面訪問報表就可以在 PC 端和移動端自適應顯示出來，關於自適應配置可參考文章 關於報表在移動端展現你需要知道哪些？ 。