这种效果自己可以基于 HTML5 和 CSS3 来实现垂直时间轴，需要循环遍历数据，判时间轴的长度，在做一定的适配，可以响应页面布局，在 PC 和移动手机上做到很好的自适应，但是需要一些对前端知识有一定的了解。
其实，通过报表工具实现那种垂直的时间轴记录表是很容易的，设置也很简单，通过带有一个带有时间轴元素的图片和报表的跟随扩展功能就能轻松实现，不涉及到什么前端知识，具体可以参考看下这篇文 报表工具怎么制作带有时间轴的记录表? ；就 PC 和移动端展现来说，润乾报表提供了自适应页面，不需要做过多的适配，使用自适应页面访问报表就可以在 PC 端和移动端自适应显示出来，关于自适应配置可参考文章 关于报表在移动端展现你需要知道哪些？ 。
原文：https://www.cnblogs.com/xmilu/p/13188726.html